警告: 问题仍然适用于循环的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
当前回答
这里有一个函数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)
生成器的好处是它们很懒惰，可以将另一个生成器的结果作为参数。
其他回答
小数组集合的解决方案:
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
这里有一个函数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)
生成器的好处是它们很懒惰，可以将另一个生成器的结果作为参数。
For-in-loops遍历对象的属性。不要将它们用于数组，即使它们有时有效。
对象属性没有索引，它们都是相等的，不需要按确定的顺序遍历。如果想对属性进行计数，则必须设置额外的计数器(就像在第一个示例中所做的那样)。
循环数组:
var a = [];
for (var i=0; i<a.length; i++) {
i // is the index
a[i] // is the item
}
遍历对象:
var o = {};
for (var prop in o) {
prop // is the property name
o[prop] // is the property value - the item
}
在每个人发布的非常好的答案之上，我想补充的是，性能最好的解决方案是ES6条目。对于这里的许多开发者来说，这似乎是一种禁忌，所以我创建了这个perf benchamrk。
它要快6倍。主要是因为不需要:a)访问数组不止一次，b)强制转换索引。
这是我的复合迭代器版本，它产生一个索引和任何传递的生成器函数的值，并附带一个(缓慢的)素数搜索示例:
const eachWithIndex = (iterable) => { return { *[Symbol.iterator]() { let i = 0 for(let val of iteratable) { i++ yield [i, val] } } } } const isPrime = (n) => { for (i = 2; i < Math.floor(Math.sqrt(n) + 1); i++) { if (n % i == 0) { return false } } return true } let primes = { *[Symbol.iterator]() { let candidate = 2 while (true) { if (isPrime(candidate)) yield candidate candidate++ } } } for (const [i, prime] of eachWithIndex(primes)) { console.log(i, prime) if (i === 100) break }
