js陣列遍歷方法

js陣列遍歷方法有哪些？一起來看看小編今天的分享吧！

js陣列遍歷，包括普通for迴圈、優化版for迴圈、弱化版for迴圈、foreach迴圈、foreach變種、forin迴圈、map遍歷等方法，以下將一一介紹這些陣列遍歷方式。

第一種：普通for迴圈

程式碼如下：

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

普通for迴圈是最簡單的一種，也是使用頻率最高的一種。

第二種：優化版for迴圈

程式碼如下：

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

優化版for迴圈使用臨時變數，將長度快取起來，避免重複獲取陣列長度，當陣列較大時優化效果才會比較明顯，這種方法基本上是所有迴圈遍歷方法中效能最高的一種。

第三種：弱化版for迴圈

程式碼如下：for(j = 0; arr[j]!=null; j++) {   }

弱化版for迴圈其實嚴格上也屬於for迴圈，只不過是沒有使用length判斷，而使用變數本身判斷，效能要遠遠小於普通for迴圈。

第四種：foreach迴圈

程式碼如下：

arr.forEach(function(e){     });

陣列自帶的foreach迴圈，使用頻率較高，但效能比普通for迴圈弱。

第五種：foreach變種

程式碼如下：

Array.prototype.forEach.call(arr,function(el){     });

由於foreach是Array型自帶的，對於一些非這種型別的，無法直接使用(如NodeList)，所以才有了這個變種，使用這個變種可以讓類似的陣列擁有foreach功能，但實際效能要比普通foreach弱。

第六種：forin迴圈

程式碼如下：

for(j in arr) {   }

forin迴圈在眾多的迴圈遍歷方式中效率最低。

第七種：map遍歷

程式碼如下：

arr.map(function(n){     });

map遍歷實際效率弱於foreach。

第八種：forof遍歷(需要ES6支援)

程式碼如下：

for(let value of arr) {     });

forof遍歷是es6裡面用到的，效能要好於forin，但仍然比不上普通for迴圈。