詳談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中一切皆為對(duì)象。自己試試 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)任然真正的對(duì)數(shù)組循環(huán), 但是此時(shí)foreach循環(huán)對(duì)我剛才寫的test方法寫打印出來了。這就是for與foreach遍歷數(shù)組的最大區(qū)別,如果我們?cè)陧?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 )
如果要對(duì)js的原生類擴(kuò)展的時(shí)候,不要采用prototype了
以上這篇詳談js中標(biāo)準(zhǔn)for循環(huán)與foreach(for in)的區(qū)別就是小編分享給大家的全部?jī)?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)文章
es6數(shù)組之?dāng)U展運(yùn)算符操作實(shí)例分析
這篇文章主要介紹了es6數(shù)組之?dāng)U展運(yùn)算符操作,結(jié)合實(shí)例形式總結(jié)分析es6數(shù)組擴(kuò)展運(yùn)算符具體原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-0412個(gè)提高JavaScript技能的概念(小結(jié))
這篇文章主要介紹了12個(gè)提高JavaScript技能的概念(小結(jié)),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05JS實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求的三種方式梳理
本文主要為大家介紹了基于 XMLHttpRequest、Promise、async/await 等三種異步網(wǎng)絡(luò)請(qǐng)求的寫法,文中的示例代碼講解詳細(xì),感興趣的可以學(xué)習(xí)一下2022-03-03JS 修改URL參數(shù)(實(shí)現(xiàn)代碼)
本篇文章是對(duì)JS修改URL參數(shù)的實(shí)現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-07-07關(guān)于IE、Firefox、Opera頁(yè)面呈現(xiàn)異同 寫腳本很痛苦
關(guān)于IE、Firefox、Opera頁(yè)面呈現(xiàn)異同 寫腳本很痛苦,對(duì)于多瀏覽器的兼容性,需要注意。2009-08-08Javascript中的window.event.keyCode使用介紹
我們之前發(fā)過不少關(guān)于event.keyCode相關(guān)的文章,大家都可以參考下。2011-04-04B/S開發(fā)中常用javaScript技術(shù)與代碼
B/S開發(fā)中常用javaScript技術(shù)與代碼...2007-03-03JavaScript動(dòng)態(tài)修改彈出窗口大小的方法
這篇文章主要介紹了JavaScript動(dòng)態(tài)修改彈出窗口大小的方法,涉及javascript中window.open方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04