js中數組遍歷的幾種方法及其區別

參考網站：

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並沒有塊級作用域的存在，它在循環結束以后仍然存在於內存中，所以建議使用函數自執行的方式來避免；