javascript數(shù)組遍歷for與for in區(qū)別詳解
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。那問題就來了。
再此建議兩點
1.不要用for in遍歷數(shù)組,全部統(tǒng)一采用標(biāo)準(zhǔn)的for循環(huán)變量數(shù)組(我們無法保證我們引入的js是否會采用prototype擴展原生的Array)
2.如果要對js的原生類擴展的時候,不要采用prototype了
相關(guān)文章
url特殊字符編碼encodeURI?VS?encodeURIComponent分析
這篇文章主要介紹了url特殊字符編碼encodeURI?VS?encodeURIComponent分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
使用js Math.random()函數(shù)生成n到m間的隨機數(shù)字
何使用js生成n到m間的隨機數(shù)字,主要目的是為后期的js生成驗證碼做準(zhǔn)備,Math.random()函數(shù)返回0和1之間的偽隨機數(shù)2014-10-10
canvas實現(xiàn)圖片根據(jù)滑塊放大縮小效果
本文主要介紹了canvas實現(xiàn)圖片根據(jù)滑塊放大縮小效果的實例,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02
JavaScript webpack模塊打包器如何優(yōu)化前端性能
本系列主要整理前端面試中需要掌握的知識點。本節(jié)介紹webpack如何優(yōu)化前端性能,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
BootStrap創(chuàng)建響應(yīng)式導(dǎo)航條實例代碼
這篇文章主要介紹了BootStrap創(chuàng)建響應(yīng)式導(dǎo)航條實例代碼的相關(guān)資料,需要的朋友可以參考下2016-05-05
[Web]防止用戶復(fù)制頁面內(nèi)容和另存頁面的方法
原理就是利用js控制一些復(fù)制等事件,但破解也簡單,這里就不說了。2009-02-02

