简单了解JS中的几种遍历
// for
var arr = [1, 2, 3]
for(var i = 0; i < arr.length; i++) {
//do something
};
// for...of...
for(var i of arr) {
//do something
};
// for...in..
for(var i in arr) {
//do something
};
// forEach()
arr.forEach((item, index, arr) => {
//do something});
});
// map()
arr.map((value,index,array) => {
//do something
});
- 普通的for循环
var arr = [1, 2, 3]
for(var i = 0; i < arr.length; i++) { // 这里的i是代表数组的下标
console.log(i); // 0, 1, 2
};
最简单的一种,正常用的话也不会出现什么问题,想中断也可以中断,性能上也还可以。
- 优化版的for循环
var arr = [1, 2, 3]
for(var i = 0, len = arr.length; i < len; i++) { // 这里的i是代表数组的下标
console.log(i); // 0, 1, 2
};
使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显。这种方法基本上是所有循环遍历方法中性能最高的一种,并且这一类型的for循环可以通过用break来中断循环
原文链接:https://www.cnblogs.com/Jacky-MYD/p/8984176.html