IE8對JS通過屬性和數(shù)組遍歷解析不一樣的地方探討
更新時間：2013年05月06日 18:07:44 作者：
如果是非IE8瀏覽器例如（IE7、IE9、Chrome、FF，僅測試這幾種）通過屬性和數(shù)組遍歷，其結(jié)果是一樣的，但對于IE8，結(jié)果會有一點小小的差異，在IE8下會把原型鏈擴(kuò)展方法當(dāng)做一個屬性輸出，大家可以測試一下
以文謹(jǐn)記在此被瀏覽器版本差異的坑。
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下會把原型鏈擴(kuò)展方法當(dāng)做一個屬性輸出，大家可以測試一下。
之所以發(fā)現(xiàn)這個差異，也是因為解決了一個詭異的bug，有同事在代碼里面使用for ( var i in tmp )這種方式來遍歷數(shù)組的每個元素，如果正好對Array定義了原型鏈方法，則會發(fā)生這個問題。
所以建議：如果遍歷數(shù)組元素，還是應(yīng)該采用標(biāo)準(zhǔn)的寫法 for ( var i=0;i<tmp.length;i++ )。
復(fù)制代碼 代碼如下:
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下會把原型鏈擴(kuò)展方法當(dāng)做一個屬性輸出，大家可以測試一下。
之所以發(fā)現(xiàn)這個差異，也是因為解決了一個詭異的bug，有同事在代碼里面使用for ( var i in tmp )這種方式來遍歷數(shù)組的每個元素，如果正好對Array定義了原型鏈方法，則會發(fā)生這個問題。
所以建議：如果遍歷數(shù)組元素，還是應(yīng)該采用標(biāo)準(zhǔn)的寫法 for ( var i=0;i<tmp.length;i++ )。
相關(guān)文章
今天小編就為大家分享一篇layui動態(tài)綁定事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
下面小編就為大家?guī)硪黄猨s不間斷滾動的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了微信js-sdk上傳與下載圖片接口用法,結(jié)合實例形式分析了基于上傳圖片接口(uploadImage)和下載圖片接口(downloadImage)針對圖片操作的相關(guān)技巧,需要的朋友可以參考下2016-10-10
JavaScript實現(xiàn)簡易tab欄切換內(nèi)容欄
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡易tab欄切換內(nèi)容欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
JavaScript 另類遍歷數(shù)組實現(xiàn)代碼
JavaScript 另類遍歷數(shù)組實現(xiàn)代碼，大家可以看下。2009-10-10
這篇文章主要為大家詳細(xì)介紹了如何使用HTML、CSS和JavaScript實現(xiàn)一個完整的忘記密碼功能,文中的示例代碼講解詳細(xì),需要的可以參考一下2024-01-01
這篇文章主要介紹了js由下向上不斷上升冒氣泡效果,實例分析了javascript操作鼠標(biāo)事件、圖片及樣式的相關(guān)技巧,需要的朋友可以參考下2015-05-05
js實現(xiàn)數(shù)據(jù)雙向綁定(訪問器監(jiān)聽)
這篇文章主要為大家詳細(xì)介紹了采用訪問器監(jiān)聽的方式實現(xiàn)簡單數(shù)據(jù)雙向綁定，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了Bootstrap Table的使用小結(jié)，本文介紹的非常詳細(xì)，具有參考借鑒價值，感興趣的朋友一起看看吧2016-10-10
VS Code轉(zhuǎn)換大小寫、修改選中文字或代碼顏色的方法
最近在使用VS Code，發(fā)現(xiàn)了不少使用的小技巧，覺著有必要給大家分享下，下面這篇文章主要給大家介紹了關(guān)于VS Code轉(zhuǎn)換大小寫、修改選中文字或代碼顏色的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-12-12