淺談javascript中for in 和 for each in的區(qū)別
區(qū)別一：
for in是javascript 1.0 中發(fā)布的。
for each in是作為E4X標準的一部分在javascript 1.6中發(fā)布的，而它不是ECMAScript標準的一部分。
這將意味著存在各種瀏覽器的兼容性問題。for each in，對很多瀏覽器都不支持的。例如是不支持IE6，IE7，IE8等瀏覽器的。
區(qū)別二：
例： var 長方形= { 高:"15", 寬:"25" };
for (var i in 長方形){
alert( i + "，" + 長方形[i] );
}
結(jié)果依次是： 高，15 ； 寬，25 ；
for each (var i in 長方形){
alert( i + "，" + 長方形[i] );
}
結(jié)果依次是： 15， undefined ； 25， undefined；
兩種遍歷方法的變量i的值是不一樣的，for each in無法獲得對象的屬性名，只能獲取到屬性值。
最后總結(jié)一下使用建議：
(1)遍歷普通數(shù)組，建議使用原生的遍歷方法for，不要貪圖方便，因為for in 和for each in均存在瀏覽器的兼容問題，不能保證它們對數(shù)組的遍歷順序（如果對順序的不作要求的話，可以使用for in ，但本人不建議），有興趣話，可以閱讀的下一篇文章《關于js中for in的缺陷淺析》。
(2)遍歷對象，由于for沒辦法提供理想的遍歷，因而只能選擇其他方法。這里建議使用for in ，從上面講解的區(qū)別，for in比for each 更具優(yōu)勢，for in能獲取索引和屬性值，而for each只能獲取屬性值，而且for each在很多低版本的瀏覽器是不支持。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡
相關文章
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)前端實時搜索功能 ，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要為大家詳細介紹了原生js實現(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
解決Js先觸發(fā)失去焦點事件再執(zhí)行點擊事件的問題
今天小編就為大家分享一篇解決Js先觸發(fā)失去焦點事件再執(zhí)行點擊事件的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
在JavaScript的ES6版本中,引入了WeakMap和WeakSet這兩種新的數(shù)據(jù)結(jié)構(gòu),與Map和Set相比,它們有一些特殊的特點和用途,使它們在處理內(nèi)存泄漏問題、管理對象私有數(shù)據(jù)、處理對象的唯一性等場景中有顯著的優(yōu)勢,本文將深入探討WeakMap和WeakSet的特性和用途,一起看看吧2023-12-12
uni-app是一個使用Vue.js開發(fā)所有前端應用的框架,開發(fā)者編寫一套代碼,可以發(fā)布到IOS、Android、Web（響應式）、以及各種小程序、快應用等多個平臺,下面這篇文章主要給大家介紹了關于uniapp高頻面試題及答案的相關資料,需要的朋友可以參考下2023-02-02
Js注冊協(xié)議倒計時的小例子，需要的朋友可以參考一下2013-06-06
下面的代碼就是利用js控制cpu的占有率，實現(xiàn)時高時低效果2008-11-11
這篇文章主要給大家介紹了關于webpack如何自動生成網(wǎng)站圖標的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-01-01
今天小編就為大家分享一篇解決bootstrap中下拉菜單點擊后不關閉的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
本篇文章主要是對js判斷輸入是否為中文的函數(shù)進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03