快捷導(dǎo)航

javascript數(shù)組遍歷for與for in區(qū)別詳解

更新時(shí)間：2014年12月04日 11:16:57 投稿：hebedich

這篇文章主要介紹了javascript數(shù)組遍歷for與for in區(qū)別，是篇非常不錯(cuò)的文章，這里推薦給小伙伴們。

js中遍歷數(shù)組的有兩種方式

var array=['a']

//標(biāo)準(zhǔn)的for循環(huán)

for(var i=1;i<array.length;i++){

    alert(array[i])

}

//foreach循環(huán)

for(var i in array){

    alert(array[i])

}

正常情況下上面兩種遍歷數(shù)組的方式結(jié)果一樣。首先說(shuō)兩者的第一個(gè)區(qū)別

標(biāo)準(zhǔn)的for循環(huán)中的i是number類型,表示的是數(shù)組的下標(biāo),但是foreach循環(huán)中的i表示的是數(shù)組的key是string類型,因?yàn)閖s中一切皆為對(duì)象。自己試試 alert(typeof i);這個(gè)區(qū)別是小問題。現(xiàn)在我加上如下代碼，上面的執(zhí)行結(jié)果就不一樣了。

復(fù)制代碼代碼如下:

//擴(kuò)展了js原生的Array

Array.prototype.test=function()

}

試試看上面的代碼執(zhí)行什么。我們發(fā)現(xiàn)標(biāo)準(zhǔn)的for循環(huán)任然真正的對(duì)數(shù)組循環(huán), 但是此時(shí)foreach循環(huán)對(duì)我剛才寫的test方法寫打印出來(lái)了。這就是for與foreach遍歷數(shù)組的最大區(qū)別，如果我們?cè)陧?xiàng)目采用的是用foreach遍歷數(shù)組，假設(shè)有一天誰(shuí)不小心自己為了擴(kuò)展js原生的Array類，或者引入一個(gè)外部的js框架也擴(kuò)展了原生Array。那問題就來(lái)了。

再此建議兩點(diǎn)

1.不要用for in遍歷數(shù)組，全部統(tǒng)一采用標(biāo)準(zhǔn)的for循環(huán)變量數(shù)組(我們無(wú)法保證我們引入的js是否會(huì)采用prototype擴(kuò)展原生的Array)
2.如果要對(duì)js的原生類擴(kuò)展的時(shí)候，不要采用prototype了

您可能感興趣的文章: