淺談javascript中for in 和 for each in的區(qū)別
區(qū)別一：
for in是javascript 1.0 中發(fā)布的。
for each in是作為E4X標(biāo)準(zhǔn)的一部分在javascript 1.6中發(fā)布的，而它不是ECMAScript標(biāo)準(zhǔn)的一部分。
這將意味著存在各種瀏覽器的兼容性問題。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 ，但本人不建議），有興趣話，可以閱讀的下一篇文章《關(guān)于js中for in的缺陷淺析》。
(2)遍歷對象，由于for沒辦法提供理想的遍歷，因而只能選擇其他方法。這里建議使用for in ，從上面講解的區(qū)別，for in比for each 更具優(yōu)勢，for in能獲取索引和屬性值，而for each只能獲取屬性值，而且for each在很多低版本的瀏覽器是不支持。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)頁面跳轉(zhuǎn)并傳值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
JavaScript中判斷整數(shù)的多種方法總結(jié)
這篇文章主要介紹了JavaScript中判斷整數(shù)的多種方法總結(jié),本文總結(jié)了5種判斷整數(shù)的方法,如取余運算符判斷、Math.round、Math.ceil、Math.floor判斷等,需要的朋友可以參考下2014-11-11
JS實現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法
這篇文章主要介紹了JS實現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法,涉及JS頁面元素遍歷及屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-12-12
JavaScript中setInterval()用法舉例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中setInterval()用法的相關(guān)資料,setInterval()方法可按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達(dá)式,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
js input輸入百分號保存數(shù)據(jù)庫失敗的解決方法
這篇文章主要介紹了js input輸入百分號保存數(shù)據(jù)庫失敗的解決方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-05-05
這篇文章主要介紹了JavaScript中添加監(jiān)聽句柄的方式，監(jiān)聽就是觸發(fā)某事件之后做出的響應(yīng),監(jiān)聽句柄是觸發(fā)某相應(yīng)的條件，下面關(guān)于添加監(jiān)聽句柄的方式的詳細(xì)內(nèi)容，需要的朋友可以參考一下，希望對你有所幫助2022-02-02
這篇文章主要介紹了JsRender實用入門實例,包含了tag else使用、循環(huán)嵌套訪問父級數(shù)據(jù)等知識點,并提供了完整的實例下載,非常具有實用價值,需要的朋友可以參考下2014-10-10
TypeScript實現(xiàn)字符串轉(zhuǎn)樹結(jié)構(gòu)的方法詳解
有一個多行字符串，每行開頭會用空格來表示它的層級關(guān)系，每間隔一層它的空格總數(shù)為2，如何將它轉(zhuǎn)為json格式的樹型數(shù)據(jù)？本文就跟大家分享下這個算法2022-09-09
這篇文章主要為大家詳細(xì)介紹了第四篇Javascript動畫效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
本文主要介紹了js實現(xiàn)簡單的二級聯(lián)動效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03