javascript數組遍歷for與for in區別詳解_javascript技巧

js中遍歷數組的有兩種方式

複製程式碼 程式碼如下:

var array=['a']
//標準的for迴圈
for(var i=1;i     alert(array[i])
}
//foreach迴圈
for(var i in array){
    alert(array[i])
}

正常情況下上面兩種遍歷陣列的方式結果一樣。首先說兩者的第一個差別

標準的for循環中的i是number類型,表示的是數組的下標,但是foreach循環中的i表示的是數組的key是string類型,因為js中一切皆為對象。自己試試 alert(typeof i);這個差別是小問題。現在我加上以下程式碼，上面的執行結果就不一樣了。

複製程式碼 程式碼如下:

//擴充了js原生的Array
Array.prototype.test=function()
 
}

試試看上面的程式碼執行什麼。我們發現標準的for循環任然真正的對數組循環, 但是此時foreach循環對我剛才寫的test方法寫打印出來了。這就是for與foreach遍歷數組的最大區別，如果我們在專案採用的是用foreach遍歷數組，假設有一天誰不小心自己為了擴展js原生的Array類，或者引入一個外部的js框架也擴展了原生Array 。那問題就來了。

再此建議兩點

1.不要用for in遍歷數組，全部統一採用標準的for循環變數數組(我們無法保證我們引入的js是否會採用prototype擴展原生的Array)
2.如果要對js的原生類別擴充的時候，不要採用prototype了