我们可以使用 for-of 循环访问数组元素：
for (const j of [1, 2, 3, 4, 5]) {
console.log(j);
}
如何修改此代码以访问当前索引？我想使用 for-of 语法来实现这一点，既不是 forEach 也不是 for-in。
在 for-of 循环中访问 ES6 数组元素索引
IT技术
javascript
ecmascript-6
for-of-loop
2021-01-19 05:04:29
6个回答
for (const index of [1, 2, 3, 4, 5].keys()) {
console.log(index);
}如果您要访问这两个键和值，可以使用Array.prototype.entries()与解构：
for (const [index, value] of [1, 2, 3, 4, 5].entries()) {
console.log(index, value);
}Array#entries 返回索引和值，如果你需要两者：
for (let [index, value] of array.entries()) {
}
在这个充满华丽新本机功能的世界中，我们有时会忘记基础知识。
for (let i = 0; i < arr.length; i++) {
console.log('index:', i, 'element:', arr[i]);
}
干净、高效，你仍然可以break循环。奖金！您也可以从结尾开始，然后使用i--!
附加说明：如果您在循环中大量使用该值，您可能希望const value = arr[i];在循环的顶部做一个简单易读的参考。
在for..of循环中，我们可以通过array.entries(). array.entries返回一个新的数组迭代器对象。迭代器对象当时知道如何从可迭代对象访问项目，同时跟踪其在该序列中的当前位置。
当在next()迭代器上调用该方法时，会生成键值对。在这些键值对中，数组索引是键，数组项是值。
let arr = ['a', 'b', 'c'];
let iterator = arr.entries();
console.log(iterator.next().value); // [0, 'a']
console.log(iterator.next().value); // [1, 'b']甲for..of环是基本上消耗可迭代，并通过所有的元素（使用罩下一个迭代）环路的构建体。我们可以array.entries()通过以下方式将其与此结合：
array = ['a', 'b', 'c'];
for (let indexValue of array.entries()) {
console.log(indexValue);
}
// we can use array destructuring to conveniently
// store the index and value in variables
for (let [index, value] of array.entries()) {
console.log(index, value);
}如果您需要索引，您也可以自己处理索引，如果您需要密钥，它将不起作用。
let i = 0;
for (const item of iterableItems) {
// do something with index
console.log(i);
i++;
}