IE8對JS通過屬性和數(shù)組遍歷解析不一樣的地方探討
更新時間：2013年05月06日 18:07:44 作者：
如果是非IE8瀏覽器例如（IE7、IE9、Chrome、FF，僅測試這幾種）通過屬性和數(shù)組遍歷，其結(jié)果是一樣的，但對于IE8，結(jié)果會有一點小小的差異，在IE8下會把原型鏈擴展方法當做一個屬性輸出，大家可以測試一下
以文謹記在此被瀏覽器版本差異的坑。
Array.prototype.Contains = function (str) {
if (!str)
return false;
for (var i = 0; i < this.length; i++) {
if (this[i] == str) {
return true;
}
}
return false;
}
var tmp = new Array();
tmp.push("1");
tmp.push("2");
tmp.push("3");
alert("遍歷屬性");
for ( var i in tmp ) {
alert(tmp[i]);
}
alert("遍歷數(shù)組");
for ( var i=0;i<tmp.length;i++ ) {
alert(tmp[i]);
}
如果是非IE8瀏覽器，例如（IE7、IE9、Chrome、FF，僅測試這幾種）
通過屬性和數(shù)組遍歷，其結(jié)果是一樣的。
但對于IE8，結(jié)果會有一點小小的差異，在IE8下會把原型鏈擴展方法當做一個屬性輸出，大家可以測試一下。
之所以發(fā)現(xiàn)這個差異，也是因為解決了一個詭異的bug，有同事在代碼里面使用for ( var i in tmp )這種方式來遍歷數(shù)組的每個元素，如果正好對Array定義了原型鏈方法，則會發(fā)生這個問題。
所以建議：如果遍歷數(shù)組元素，還是應該采用標準的寫法 for ( var i=0;i<tmp.length;i++ )。
復制代碼 代碼如下:
Array.prototype.Contains = function (str) {
if (!str)
return false;
for (var i = 0; i < this.length; i++) {
if (this[i] == str) {
return true;
}
}
return false;
}
var tmp = new Array();
tmp.push("1");
tmp.push("2");
tmp.push("3");
alert("遍歷屬性");
for ( var i in tmp ) {
alert(tmp[i]);
}
alert("遍歷數(shù)組");
for ( var i=0;i<tmp.length;i++ ) {
alert(tmp[i]);
}
如果是非IE8瀏覽器，例如（IE7、IE9、Chrome、FF，僅測試這幾種）
通過屬性和數(shù)組遍歷，其結(jié)果是一樣的。
但對于IE8，結(jié)果會有一點小小的差異，在IE8下會把原型鏈擴展方法當做一個屬性輸出，大家可以測試一下。
之所以發(fā)現(xiàn)這個差異，也是因為解決了一個詭異的bug，有同事在代碼里面使用for ( var i in tmp )這種方式來遍歷數(shù)組的每個元素，如果正好對Array定義了原型鏈方法，則會發(fā)生這個問題。
所以建議：如果遍歷數(shù)組元素，還是應該采用標準的寫法 for ( var i=0;i<tmp.length;i++ )。
相關(guān)文章
這篇文章主要介紹了JS使用new操作符創(chuàng)建對象的方法,結(jié)合實例形式分析了javascript面向?qū)ο蟪绦蛟O計類的定義、new操作符對象的創(chuàng)建及相關(guān)操作注意事項,需要的朋友可以參考下2019-05-05
你還不懂遞歸？讀完這篇文章保證你會懂，下面這篇文章主要給大家介紹了關(guān)于遞歸的相關(guān)內(nèi)容，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-07-07
js將字符串轉(zhuǎn)成正則表達式的實現(xiàn)方法
js將字符串轉(zhuǎn)成正則表達式的實現(xiàn)方法。其實很簡單哦！需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章介紹了JS去除右邊逗號的簡單方法，有需要的朋友可以參考一下2013-07-07
這篇文章主要介紹了JS實現(xiàn)判斷有效的數(shù)獨算法,結(jié)合實例形式分析了javascript數(shù)獨判斷的原理及相關(guān)算法實現(xiàn)、使用操作技巧,需要的朋友可以參考下2019-02-02
支持FIREFOX IE7 IE6 周未就為了這個小效果，折騰死人了！找了很多的代碼都不行，不是不支持FIREFOX，就是對HTML和XHTML有要求！2008-04-04
這是介紹的是一個不錯的javascript的方面的客戶端解決方案,可選配支持HTML5本地存儲器.2010-07-07
頁面上，用戶會有很多的操作 ，每進行一次操作我們需要去展示操作的結(jié)果，在這里我們有了一個問題，我們應如何去展示不同的結(jié)果呢？2010-04-04
Bootstrap柵格系統(tǒng)使用方法及頁面調(diào)整變形的解決方法
這篇文章主要介紹了Bootstrap柵格系統(tǒng)使用方法及頁面調(diào)整變形的解決方法,需要的朋友可以參考下2017-03-03
詳解webpack之scss和postcss-loader的配置
本篇文章主要介紹了詳解webpack之scss和postcss-loader的配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01