核心提示：js数组迭代方式总结首先我们定义一个数组：var testArray=[1,2,3,4,5,6,7,8,9];1 forfor (var i = 0; itestArray.length; i++) ...
js数组迭代方式总结
首先我们定义一个数组：
var testArray=[1,2,3,4,5,6,7,8,9];
1 for
for (var i = 0; i < testArray.length; i++) {
console.log(testArray[i]);
};
这个循环每执行一次，都要检查一次 array.length 的值，效率并不高。
2 for…in
for (var val in testArray) {
console.log(testArray[val]);
}
这里需要注意：取值的时候，value只是index 是索引，而不是真正需要的值。
for-in 需要分析出 array 的每个属性，这个操作的性能开销很大。所以尽量不要用 for-in，除非你不清楚要处理哪些属性，例如 JSON 对象这样的情况。
3 for each … in
for each(var val in testArray){
console.log(val);
}
并不推荐的一种写法，在新版本的已经不再支持。推荐用 for of 代替。
4 for … of
for (val of testArray) {
console.log(val);
}
这是目前遍历数组最简洁和直接的语法；
它避免了for-in的所有缺陷；
与forEach()不一样，它支持break，continue和return。
综上，推荐使用 for of 遍历数组。
