如何在 for of 循环中访问当前的 i 数量？

Question

给定一个 for of 循环，分配的变量的值（在此示例中为i）等于array[i] 如果它是一个正常的 for 循环则等于。如何访问i当前所在的数组的索引。

我想要什么

let array = ["one", "two", "three"];

for (let i of array) {
  console.log(i);// normally logs cycle one : "one", cycle two : "two", cycle three : "three".
  console.log(/*what equals the current index*/);// what I want to log cycle one : 1, cycle two : 2, cycle three : 3. 
}

Answer 1

没有什么简单的...如果您想在数组的循环中“简单地访问”项目和索引，请使用forEach，例如

array.forEach(function(item, index) { 
... 
});

或作为 T.J. Crowder 指针出来了（我错过了 ES6 标签）

array.forEach((item, index) => { 
    ... 
});

像许多编程语言一样，javascript 有多种方法可以做类似的事情，技能在于为工作选择正确的工具

Answer 2

你是说这个吗？

array = ["one", "two", "three"];

for (i = 0; i < array.length; i++) {
  console.log(i); // Logs the current index number;
  console.log(array[i]); // Logs the index matching in the array;
}

Kaiido 中的一个很好的comment 是您可以使用它直接从数组中获取值作为变量。

for (var ind = 0, i=array[ind]; ind < array.length; i=array[++ind]) {
    console.log(i);
    console.log(ind);
}

Answer 3

使用indexOf 获取索引

let array = ["one", "two", "three"];

for (let i of array) {
  console.log(i);
  console.log(array.indexOf(i));
}

注意： 仅适用于没有重复的数组。

Answer 4

您可以使用entries 函数。它将为数组中的每个条目返回一个索引/值对，例如：

[0, "one"]
[1, "two"]
[2, "three"]

将此与array destructuring 结合使用，将每个条目解析为适当的变量名称：

const arr = ["one", "two", "three"]
for(const [index, value] of arr.entries()) {
  console.log(index, value);
}

Babel REPL Example

Answer 5

您可以使用entries() 函数获取包含索引的迭代器。

for (let [index, value] of [1, 2, 3].entries())
  console.log(index + ':' + value);

或者，如果您不喜欢 let [,] 表示法：

for (let entry of [1, 2, 3].entries())
  console.log(entry[0]+ ':' + entry[1]);

但是其他类似数组的呢？好吧，你可以很容易地自己照顾它，真的

let index = 0;
for (let ch of 'abcd') {
  ++index;
  //your code
}

或者，你可以很容易地patch in你自己的实现

Object.defineProperty(String.prototype, 'indexerator', {get:function() {
    var elements = this[Symbol.iterator]();
    var index = 0;
    var output;

    return {
        [Symbol.iterator] : function() { return this; },
        next : function() {
            if (!(output = elements.next()).done)
                output.value = [index++, output.value];
            return output;
        }
    };
}});

/*other code*/

for (let [index, ch] of 'abcd'.indexerator)
  console.log(index + ':' + ch);

_{demonstrations}

Answer 6

或者

array = ["one", "two", "three"];

for (i = 0, item; item=array[i]; i++) {
  console.log(i); // Logs the current index number;
  console.log(item); // Logs the current item in the array;
}