本文主要总结和介绍了JS中遍历数组的四种方法。通过实例代码详细介绍,对大家的学习或工作有一定的参考学习价值。需要的朋友可以和边肖一起学习。
本文比较并总结了四种遍历数组的方法:
对于循环:
for(让index=0;index someArray.length索引){
const elem=someArray[index];
//
}
For-in循环:
for(someArray中的常量键){
console.log(键);
}
数组方法。forEach():
someArray.forEach((elem,index)={
console.log(elem,index);
});
For-of循环:
for(someArray的常量){
console . log(elem);
}
For-of通常是最佳选择。我们会明白为什么。
for循环[ES1]
JavaScript中的for循环很老了,ECMAScript 1中已经有了。for循环记录arr的每个元素的索引和值:
const arr=['a ',' b ',' c '];
arr.prop='属性值';
for(让index=0;index arr.length索引){
const elem=arr[index];
console.log(index,elem);
}
//输出:
//0,“a”
//1,' b '
//2,' c '
for循环的优缺点是什么?
使用广泛,但是要遍历数组的时候也比较麻烦。
如果我们不想从第一个数组元素开始循环,它仍然是有用的,这是其他循环机制难以实现的。
强制循环[ES1]
for-in循环和for循环一样古老,它也存在于ECMAScript 1中。下面的代码使用for-in循环来输出arr的键:
const arr=['a ',' b ',' c '];
arr.prop='属性值';
For(在ar Tangshan network company r中的const key
console.log(键);
}
//输出:
//'0'
//'1'
//'2'
//'道具'
For-in不是遍历数组的好方法:
它访问属性键,而不是值。
作为属性键,数组元素的索引是字符串,而不是数字。
它访问所有可枚举的属性键(拥有的和继承的),而不仅仅是数组元素的属性键。
强制访问继承属性的实际目的是遍历对象的所有可枚举属性。
数组方法。forEach()[ES5]
鉴于for和for-in都不特别适合在数组上循环,在ECMAScript 5:array . prototype . foreach()中引入了一个辅助方法:
const arr=['a ',' b ',' c '];
arr.prop='属性值';
arr.forEach((elem,index)={
console.log(elem,index);
});
//输出:
//'a ',0
//'b ',1
//'c ',2
这种方法真的很方便:它使我们无需很多操作就能访问数组元素和索引。如果使用箭头函数(ES6中介绍的),语法上会更优雅。