警告:
问题仍然适用于循环的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
正如其他人所说,不应该使用for..in迭代数组。
for ( var i = 0, len = myArray.length; i < len; i++ ) { ... }
如果你想要更简洁的语法,你可以使用forEach:
myArray.forEach( function ( val, i ) { ... } );
如果要使用此方法,请确保包含ES5 shim以添加对旧浏览器的支持。
正如其他人所说,不应该使用for..in迭代数组。
for ( var i = 0, len = myArray.length; i < len; i++ ) { ... }
如果你想要更简洁的语法,你可以使用forEach:
myArray.forEach( function ( val, i ) { ... } );
如果要使用此方法,请确保包含ES5 shim以添加对旧浏览器的支持。
这里有一个函数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)
生成器的好处是它们很懒惰,可以将另一个生成器的结果作为参数。