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