溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

詳談js中標(biāo)準(zhǔn)for循環(huán)與foreach(for in)的區(qū)別

發(fā)布時間：2020-08-29 21:43:07 來源：腳本之家 閱讀：315 作者：jingxian 欄目：web開發(fā)

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é)果一樣。首先說兩者的第一個區(qū)別

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

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

}

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

不要用for in遍歷數(shù)組，全部統(tǒng)一采用標(biāo)準(zhǔn)的for循環(huán)變量數(shù)組( 我們無法保證我們引入的js是否會采用prototype擴展原生的Array )

如果要對js的原生類擴展的時候，不要采用prototype了

以上這篇詳談js中標(biāo)準(zhǔn)for循環(huán)與foreach(for in)的區(qū)別就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手