访问循环内部的ES6数组元素索引

Question

我们可以使用for of循环访问数组元素：

for (const j of [1, 2, 3, 4, 5]) {
  console.log(j);
}

如何修改此代码以访问当前索引？我想通过使用forEach和for-in来实现这一点。

Answer 1

在这个充斥着华而不实的新本机函数的世界中，我们有时会忘记基本的功能。

for (let i = 0; i < arr.length; i++) {
    console.log('index:', i, 'element:', arr[i]);
}

干净，高效，你仍然可以打破循环。奖金！您也可以从末尾开始，用i--向后走！

附加说明：如果您在循环中大量使用该值，您可能希望执行const value=arr[i] 位于循环顶部，便于阅读。

Answer 2

Array#entries返回索引和值，如果您同时需要：

for (let [index, value] of array.entries()) {

}

Answer 3

使用Array.prototype.keys：

js prettyprint-override">for (const index of [1, 2, 3, 4, 5].keys()) {
  console.log(index);
}