詳談js中標(biāo)準(zhǔn)for循環(huán)與foreach(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é)果一樣。首先說兩者的第一個(gè)區(qū)別
標(biāo)準(zhǔn)的for循環(huán)中的i是number類型,表示的是數(shù)組的下標(biāo),但是foreach循環(huán)中的i表示的是數(shù)組的key是string類型,因?yàn)閖s中一切皆為對象。自己試試 alert(typeof i);這個(gè)區(qū)別是小問題?，F(xiàn)在我加上如下代碼，上面的執(zhí)行結(jié)果就不一樣了。
//擴(kuò)展了js原生的Array Array.prototype.test=function() }
試試看上面的代碼執(zhí)行什么。我們發(fā)現(xiàn)標(biāo)準(zhǔn)的for循環(huán)任然真正的對數(shù)組循環(huán), 但是此時(shí)foreach循環(huán)對我剛才寫的test方法寫打印出來了。這就是for與foreach遍歷數(shù)組的最大區(qū)別，如果我們在項(xiàng)目采用的是用foreach遍歷數(shù)組，假設(shè)有一天誰不小心自己為了擴(kuò)展js原生的Array類，或者引入一個(gè)外部的js框架也擴(kuò)展了原生Array。那問題就來了。再此建議兩點(diǎn)
不要用for in遍歷數(shù)組，全部統(tǒng)一采用標(biāo)準(zhǔn)的for循環(huán)變量數(shù)組( 我們無法保證我們引入的js是否會(huì)采用prototype擴(kuò)展原生的Array )
如果要對js的原生類擴(kuò)展的時(shí)候，不要采用prototype了
以上這篇詳談js中標(biāo)準(zhǔn)for循環(huán)與foreach(for in)的區(qū)別就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- JS forEach跳出循環(huán)2種實(shí)現(xiàn)方法
- js中forEach，for in，for of循環(huán)的用法示例小結(jié)
- JavaScript使用類似break機(jī)制中斷forEach循環(huán)的方法
- Javascript數(shù)組循環(huán)遍歷之forEach詳解
- 全面解析JavaScript里的循環(huán)方法之forEach，for-in，for-of
- js的for in循環(huán)和java里foreach循環(huán)的區(qū)別分析
- javascript forEach通用循環(huán)遍歷方法
- JavaScript 中的 `forEach` 無法退出循環(huán)的解決方案
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)打磚塊游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了基于javascript編寫簡單日歷的相關(guān)資料,需要的朋友可以參考下2016-05-05
js實(shí)現(xiàn)兼容IE和FF的上下層的移動(dòng)
本來是很簡單的一個(gè)功能，可是一開始弄的時(shí)候，還有IE能實(shí)現(xiàn)，F(xiàn)F總是不能實(shí)現(xiàn)，在網(wǎng)上看了半天，也沒弄出個(gè)所以然，所以在同事的幫忙下，總算弄出來了，瀏覽器的兼容性考的還是細(xì)節(jié)上面的東西，所有關(guān)于細(xì)節(jié)的，我會(huì)用注釋標(biāo)出來的。2015-05-05
JS判斷不同分辨率調(diào)用不同的CSS樣式文件實(shí)現(xiàn)思路及測試代碼
最近看一個(gè)網(wǎng)站，發(fā)現(xiàn)顯示器不同的分辨率，樣式文件調(diào)用的也不一樣，于是很好奇研究并寫了一個(gè),經(jīng)測試感覺還不錯(cuò)，感興趣的你可以來看看哦2013-01-01
js中雖然沒有傳統(tǒng)面向?qū)ο蟮木幊陶Z言里子類訪問父類的特殊語法，但是我們可以根據(jù)需要造一個(gè)，接下來本文給大家分享在JavaScript中子對象訪問父對象的方式,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了JS+CSS3實(shí)現(xiàn)超炫的散列畫廊特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
基于JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時(shí)功能(無視頁面刷新，頁面關(guān)閉不進(jìn)行倒計(jì)時(shí)功能)
這篇文章主要介紹了基于JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時(shí)功能(無視頁面刷新，頁面關(guān)閉不進(jìn)行倒計(jì)時(shí)功能)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
這篇文章主要介紹了JavaScript控制按鈕可用或不可用的方法,主要通過設(shè)置按鈕disabled屬性來實(shí)現(xiàn)這一功能,需要的朋友可以參考下2015-04-04
JS實(shí)現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼,涉及JavaScript基于定時(shí)函數(shù)動(dòng)態(tài)設(shè)置頁面元素樣式的技巧,具有FLASH變換效果,需要的朋友可以參考下2015-09-09
小程序animate動(dòng)畫實(shí)現(xiàn)直播間點(diǎn)贊
這篇文章主要為大家詳細(xì)介紹了小程序animate動(dòng)畫實(shí)現(xiàn)直播間點(diǎn)贊，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07