TypeScript for ... of with index / key？

Question

正如here 所述，TypeScript 引入了一个 foreach 循环：

var someArray = [9, 2, 5];
for (var item of someArray) {
    console.log(item); // 9,2,5
}

但是没有任何索引/键吗？我希望是这样的：

for (var item, key of someArray) { ... }

Answer 1

.forEach已经有这个能力了：

const someArray = [9, 2, 5];
someArray.forEach((value, index) => {
    console.log(index); // 0, 1, 2
    console.log(value); // 9, 2, 5
});

但是如果你想要for...of的能力，那么你可以map数组的索引和值：

for (const { index, value } of someArray.map((value, index) => ({ index, value }))) {
    console.log(index); // 0, 1, 2
    console.log(value); // 9, 2, 5
}

这有点长，所以把它放在一个可重用的函数中可能会有所帮助：

function toEntries<T>(a: T[]) {
    return a.map((value, index) => [index, value] as const);
}

for (const [index, value] of toEntries(someArray)) {
    // ..etc..
}

可迭代版本

如果您使用 --downlevelIteration 编译器选项进行编译，这将在针对 ES3 或 ES5 时起作用。

function* toEntries<T>(values: T[] | IterableIterator<T>) {
    let index = 0;
    for (const value of values) {
        yield [index, value] as const;
        index++;
    }
}

Array.prototype.entries() - ES6+

如果您能够以 ES6+ 环境为目标，那么您可以使用Arnavion's answer 中所述的.entries() 方法。

Answer 2

或者其他老派的解决方案：

var someArray = [9, 2, 5];
let i = 0;
for (var item of someArray) {
    console.log(item); // 9,2,5
    i++;
}

Answer 3

“老派 javascript”来拯救（对于那些不熟悉/不喜欢函数式编程的人）

for (let i = 0; i < someArray.length ; i++) {
  let item = someArray[i];
}

Answer 4

您可以在处理集合时使用 for..in TypeScript 运算符来访问索引。

var test = [7,8,9];
for (var i in test) {
   console.log(i + ': ' + test[i]);
} 

输出：

 0: 7
 1: 8
 2: 9

见Demo

Answer 5

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/entries

for (var [key, item] of someArray.entries()) { ... }

在 TS 中，这需要针对 ES2015 since it requires the runtime to support iterators，而 ES5 运行时不需要。你当然可以使用 Babel 之类的东西来使输出在 ES5 运行时上工作。