版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
javascript遍历方式对比
for循环(最原始,但通用性高)
for (var index = 0; index < myArray.length; index++) {
console.log(myArray[index]);
}
缺点:
- 麻烦
foreach循环(数组专用,但不能中止遍历)
myArray.forEach(function (value) {
console.log(value);
});
缺点:
- 无法中途跳出foreach循环,break命令和return命令都无效
for in循环(专为遍历对象设计)
for (var index in myArray) {
console.log(myArray[index]);
}
缺点:
- 数组键名是数字,但是for…in循环是以字符串作为键名,如"0",“1”,“2”…
- for…in循环不仅遍历数字键名,还会遍历手动添加的其他键,甚至包括原型上的键
- 某些情况下,for…in循环会以任意顺序遍历键名`
结论 :for…in循环主要是为了遍历对象而设计的,不试用遍历数组
for…of循环(推荐使用,遍历具有Iterator 接口的数据结构)
for (let value of myArray) {
console.log(value);
}
优点:
- 语法同for…in一样简洁,但是没有for…in的缺点
- 不同于forEach方法,可以配合break,continue,return配合使用
- 提供了遍历所有数据结构的统一接口
例子:
for (var n of fibonacci) {
if (n > 1000)
break;
console.log(n);
}
// 上面的例子,会输出斐波纳契数列小于等于 1000 的项。如果当前项大于 1000,就会使用break语句跳出for...of循环。