js中数组遍历的几种方法及其区别

时间:2022-03-28 19:58:56

参考网站:

http://www.cnblogs.com/lvmh/p/6104397.html

第一种最常用的:for循环

for(j = 0; j < arr.length; j++) { }

优化版for循环

for(j = 0,len=arr.length; j < len; j++) {

}

对于数组较大时,优化比较明显;

第二种:foreach

arr.forEach(function(e){  

});

第三种:for ……in

var arr = new Array("first", "second", "third")
for(var item in arr) {
document.write(arr[item]+",");
}

for……in 的效率比较低

第四种:map 遍历

arr.map(function(n){  

});

第五种:for……of 遍历(需要ES6支持)

for(let value of arr) {  

});

for、map是比较常用的两种方法,性能也还行。

关于跳出循环的几种方式:

  • return ==》结束循环并中断函数执行;
  • break ==》结束循环函数继续执行;
  • continue ==》跳过本次循环;
  • for 循环中的变量 i,由于 ES5并没有块级作用域的存在,它在循环结束以后仍然存在于内存中,所以建议使用函数自执行的方式来避免;