警告: 问题仍然适用于循环的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

当前回答

// this loop is used in advanced javascript
//For Example I have an array:
let array = [1,2,3,4,5];
1) for(let key in array){
      console.log(key);//this shows index of array {Result: 0,1,2,3,4}
      console.log(array[key]);//this show values of array {Result: 1,2,3,4,5}
   }
//Hopefully, You will quickly understand;

其他回答

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

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

小数组集合的解决方案:

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

// this loop is used in advanced javascript
//For Example I have an array:
let array = [1,2,3,4,5];
1) for(let key in array){
      console.log(key);//this shows index of array {Result: 0,1,2,3,4}
      console.log(array[key]);//this show values of array {Result: 1,2,3,4,5}
   }
//Hopefully, You will quickly understand;

正如其他人所说,不应该使用for..in迭代数组。

for ( var i = 0, len = myArray.length; i < len; i++ ) { ... }

如果你想要更简洁的语法,你可以使用forEach:

myArray.forEach( function ( val, i ) { ... } );

如果要使用此方法,请确保包含ES5 shim以添加对旧浏览器的支持。

要在数组上使用for..of循环并检索索引,您可以使用array1.indexOf(element),它将返回循环中元素的索引值。您可以使用此方法同时返回索引和值。

Array1 = ['a', 'b', 'c'] 对于(数组1的元素){ console.log(array1.indexOf(element), element) // 0 a 1 b 2 c .log(array1.indexOf(element), element }

正如注释中提到的,当数组包含非唯一值时,这将返回false index。(考虑arr = ['a', 'b', 'c', 'a'], arr[3]的索引将返回0而不是3)