使用JavaScript中的for…语法获取循环计数器/索引

Question

问题仍然适用于< code>for…of循环。

我知道JavaScript中基本的< code>for…in语法是这样的:

for (var obj in myArray) {
    // ...
}

但是如何获取循环计数器/索引？

var i = 0;
for (var obj in myArray) {
    alert(i)
    i++
}

for (var i = 0; i < myArray.length; i++) {
    var obj = myArray[i]
    alert(i)
}

但我宁愿使用更简单的for-in循环。我认为它们看起来更好，更有意义。

有没有更简单或更优雅的方式？

for i, obj in enumerate(myArray):
    print i

Answer 1

这个怎么样

let numbers = [1,2,3,4,5]
numbers.forEach((number, index) => console.log(`${index}:${number}`))

其中 array.forEach 此方法有一个索引参数，该参数是数组中正在处理的当前元素的索引。

Answer 2

在ES6中，最好使用for…of循环。您可以在＜code＞中获得

for (let [index, val] of array.entries()) {
  // your code goes here    
}

请注意，< code>Array.entries()返回一个迭代器，这使得它可以在for-of循环中工作；不要将其与Object.entries()混淆，后者返回一个键值对数组。

Answer 3

< code>for…in迭代属性名，而不是值，并且以未指定的顺序进行(是的，甚至在ES6之后)。你不应该用它来迭代数组。对他们来说，ES5的< code>forEach方法将值和索引传递给你给它的函数:

var myArray = [123, 15, 187, 32];

myArray.forEach(function (value, i) {
    console.log('%d: %s', i, value);
});

// Outputs:
// 0: 123
// 1: 15
// 2: 187
// 3: 32

或者ES6的Array.prototype.entries，它现在支持跨当前浏览器版本：

for (const [i, value] of myArray.entries()) {
    console.log('%d: %s', i, value);
}

但是，对于一般的可重复项(在这种情况下，您将使用< code>for…of循环，而不是< code>for…in)，没有任何内置内容:

function* enumerate(iterable) {
    let i = 0;

    for (const x of iterable) {
        yield [i, x];
        i++;
    }
}

for (const [i, obj] of enumerate(myArray)) {
    console.log(i, obj);
}

演示

如果你真的有意思...in – 枚举属性 – 您将需要一个额外的计数器。Object.keys（obj）.forEach 可以工作，但它只包含自己的属性;为。。。in 包括原型链上任何位置的可枚举属性。