js中數組遍歷for與for in區別(強烈建議不要使用for in遍歷數組)

轉自： http://www.cnblogs.com/javaee6/p/4142270.html?utm_source=tuicool&utm_medium=referral

 

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

1 2 3 4 5 6 7 8 9

var array=[ 'a' ] //標准的for循環 for (var i= 1 ;i<array.length;i++){      alert(array[i]) } //foreach循環 for (var i in array){      alert(array[i]) }

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

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

1 2 3 4

//擴展了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了