javascript數(shù)組遍歷for與for in區(qū)別詳解
更新時間：2014年12月04日 11:16:57 投稿：hebedich
這篇文章主要介紹了javascript數(shù)組遍歷for與for in區(qū)別，是篇非常不錯的文章，這里推薦給小伙伴們。
js中遍歷數(shù)組的有兩種方式
復(fù)制代碼 代碼如下:
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é)果就不一樣了。
復(fù)制代碼 代碼如下:
//擴展了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)文章
這篇文章主要介紹了JS獲取指定月份的天數(shù)兩種實現(xiàn)方法,需要的朋友可以參考下2018-06-06
headjs實現(xiàn)網(wǎng)站并行加載但順序執(zhí)行JS
本文主要介紹如何使用head.js實現(xiàn)網(wǎng)站并行加載但順序執(zhí)行JS，提高網(wǎng)站加載速度。需要的朋友可以看下2016-11-11
微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能分析
這篇文章主要介紹了微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能,分析微信小程序wx.request在后臺數(shù)據(jù)交互過程中遇到的問題與相關(guān)的解決方法,需要的朋友可以參考下2017-11-11
uniapp實現(xiàn)地圖點聚合功能的詳細(xì)教程
最近公司項目需求需要對設(shè)備在地圖上面進行監(jiān)控,并在當(dāng)設(shè)備一定距離時進行聚合,這篇文章主要給大家介紹了關(guān)于uniapp實現(xiàn)地圖點聚合功能的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章為大家分享了輕量級Bootstrap Table表格插件，以表格的形式顯示的數(shù)據(jù)，支持單選，復(fù)選框，排序，分頁,顯示/隱藏列等操作，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了微信小程序使用audio組件播放音樂功能,結(jié)合實例形式分析了微信小程序audio組件播放在線音樂相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
js 編碼轉(zhuǎn)換 gb2312 和 utf8 互轉(zhuǎn)的2種方法
這篇文章介紹了gb2312 和 utf8 互轉(zhuǎn)的JS方法，有需要的朋友可以參考一下2013-08-08
本篇文章主要是對js判斷字符是否是漢字的兩種方法進行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
namespace即“命名空間”，也稱“名稱空間” 、”名字空間”。接下來通過本文給大家介紹JavaScript中命名空間namespace模式的相關(guān)知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
JS將所有對象s的屬性復(fù)制給對象r(原生js+jquery)
這篇文章主要介紹了js中將所有對象s的屬性復(fù)制給對象r的方法，原生js+jquery分別實現(xiàn)2014-01-01