IE8对JS通过属性和数组遍历解析不一样的地方探讨
更新时间：2013年05月06日 18:07:44 作者：
如果是非IE8浏览器例如（IE7、IE9、Chrome、FF，仅测试这几种）通过属性和数组遍历，其结果是一样的，但对于IE8，结果会有一点小小的差异，在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("遍历数组");
for ( var i=0;i<tmp.length;i++ ) {
alert(tmp[i]);
}
如果是非IE8浏览器，例如（IE7、IE9、Chrome、FF，仅测试这几种）
通过属性和数组遍历，其结果是一样的。
但对于IE8，结果会有一点小小的差异，在IE8下会把原型链扩展方法当做一个属性输出，大家可以测试一下。
之所以发现这个差异，也是因为解决了一个诡异的bug，有同事在代码里面使用for ( var i in tmp )这种方式来遍历数组的每个元素，如果正好对Array定义了原型链方法，则会发生这个问题。
所以建议：如果遍历数组元素，还是应该采用标准的写法 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("遍历数组");
for ( var i=0;i<tmp.length;i++ ) {
alert(tmp[i]);
}
如果是非IE8浏览器，例如（IE7、IE9、Chrome、FF，仅测试这几种）
通过属性和数组遍历，其结果是一样的。
但对于IE8，结果会有一点小小的差异，在IE8下会把原型链扩展方法当做一个属性输出，大家可以测试一下。
之所以发现这个差异，也是因为解决了一个诡异的bug，有同事在代码里面使用for ( var i in tmp )这种方式来遍历数组的每个元素，如果正好对Array定义了原型链方法，则会发生这个问题。
所以建议：如果遍历数组元素，还是应该采用标准的写法 for ( var i=0;i<tmp.length;i++ )。
相关文章
这篇文章主要介绍了JS使用new操作符创建对象的方法,结合实例形式分析了javascript面向对象程序设计类的定义、new操作符对象的创建及相关操作注意事项,需要的朋友可以参考下2019-05-05
你还不懂递归？读完这篇文章保证你会懂，下面这篇文章主要给大家介绍了关于递归的相关内容，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
js将字符串转成正则表达式的实现方法。其实很简单哦！需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章介绍了JS去除右边逗号的简单方法，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了JS实现判断有效的数独算法,结合实例形式分析了javascript数独判断的原理及相关算法实现、使用操作技巧,需要的朋友可以参考下2019-02-02
支持FIREFOX IE7 IE6 周未就为了这个小效果，折腾死人了！找了很多的代码都不行，不是不支持FIREFOX，就是对HTML和XHTML有要求！2008-04-04
这是介绍的是一个不错的javascript的方面的客户端解决方案,可选配支持HTML5本地存储器.2010-07-07
页面上，用户会有很多的操作 ，每进行一次操作我们需要去展示操作的结果，在这里我们有了一个问题，我们应如何去展示不同的结果呢？2010-04-04
这篇文章主要介绍了Bootstrap栅格系统使用方法及页面调整变形的解决方法,需要的朋友可以参考下2017-03-03
详解webpack之scss和postcss-loader的配置
本篇文章主要介绍了详解webpack之scss和postcss-loader的配置，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
最新评论