警告: 问题仍然适用于循环的for…不要使用for…in来迭代数组,而是使用它来迭代 对象的属性。也就是说,这个


我知道JavaScript语法中的基本for是这样的:

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循环。我认为它们看起来更好,更有意义。

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


在Python中,这很简单:

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

当前回答

这个怎么样

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

在数组中。每个方法都有一个索引参数,该参数是数组中当前正在处理的元素的索引。

其他回答

这里有一个函数eachWithIndex,它适用于任何可迭代的对象。

你也可以写一个类似的函数eachWithKey来处理使用for…in的对象。

// example generator (returns an iterator that can only be iterated once)
function* eachFromTo(start, end) { for (let i = start; i <= end; i++) yield i }

// convers an iterable to an array (potential infinite loop)
function eachToArray(iterable) {
    const result = []
    for (const val of iterable) result.push(val)
    return result
}

// yields every value and index of an iterable (array, generator, ...)
function* eachWithIndex(iterable) {
    const shared = new Array(2)
    shared[1] = 0
    for (shared[0] of iterable) {
        yield shared
        shared[1]++
    }
}

console.log('iterate values and indexes from a generator')
for (const [val, i] of eachWithIndex(eachFromTo(10, 13))) console.log(val, i)

console.log('create an array')
const anArray = eachToArray(eachFromTo(10, 13))
console.log(anArray)

console.log('iterate values and indexes from an array')
for (const [val, i] of eachWithIndex(anArray)) console.log(val, i)

生成器的好处是它们很懒惰,可以将另一个生成器的结果作为参数。

rushUp给出的答案是正确的,但这将更方便

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

小数组集合的解决方案:

for (var obj in arr) {
    var i = Object.keys(arr).indexOf(obj);
}

arr -数组, obj -当前元素的KEY, i -计数器/索引

注意:方法keys()对于IE版本<9不可用,您应该使用Polyfill代码。 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

在每个人发布的非常好的答案之上,我想补充的是,性能最好的解决方案是ES6条目。对于这里的许多开发者来说,这似乎是一种禁忌,所以我创建了这个perf benchamrk。

它要快6倍。主要是因为不需要:a)访问数组不止一次,b)强制转换索引。

在ES6中,使用for…的循环。 你可以在…就像这样

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

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