javascript遍历方式对比

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循环。