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

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

我如何修改这段代码来访问当前索引?我想使用for-of语法来实现这一点,既不是forEach也不是for-in。


当前回答

如果你需要索引,你也可以自己处理索引,如果你需要键,它将不起作用。

let i = 0;
for (const item of iterableItems) {
  // do something with index
  console.log(i);

  i++;
}

其他回答

在html/js上下文中,在现代浏览器中,对于数组以外的其他可迭代对象,我们也可以使用[iterable].entries():

for(let [index, element] of document.querySelectorAll('div').entries()) {

    element.innerHTML = '#' + index

}

对于那些使用的对象不是数组,甚至不是类似数组的对象,你可以很容易地构建自己的iterable,这样你仍然可以使用For或For像localStorage这样只有长度的东西:

function indexerator(length) {
    var output = new Object();
    var index = 0;
    output[Symbol.iterator] = function() {
        return {next:function() {
            return (index < length) ? {value:index++} : {done:true};
        }};
    };
    return output;
}

然后输入一个数字:

for (let index of indexerator(localStorage.length))
    console.log(localStorage.key(index))

您还可以使用JavaScript来解决您的问题

迭代(item, index) { Console.log (' ${item}有索引${index} '); //做你想做的… } readJsonList () { jsonList.forEach (this.iterate); //它可以是任何数组列表。 }

数组#entries返回索引和值,如果你需要两者:

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

}

在这个花哨的新本地函数的世界里,我们有时会忘记基本的东西。

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

干净,高效,你仍然可以打破循环。奖金!你也可以从结尾开始,用i——!

额外注意:如果你在循环中经常使用这个值,你可能希望执行const value = arr[i];在循环的顶部为一个简单的,可读的参考。