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

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

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


当前回答

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

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

}

其他回答

在for..of循环中,我们可以通过array.entries()实现这一点。数组中。entries返回一个新的Array迭代器对象。迭代器对象知道如何在一次访问可迭代对象中的项,同时跟踪其在该序列中的当前位置。

当在迭代器上调用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()结合起来:

数组= ['a', 'b', 'c']; for (let indexValue of array.entries()) { console.log (indexValue); } //我们可以使用数组解构来方便 //在变量中存储索引和值 For (let [index, value] of array.entries()) { console.log(指数、价值); }

es6的……

for(const index in [15, 64, 78]) {                        
    console.log(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))

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

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

    element.innerHTML = '#' + index

}

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

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

}