以文谨记在此被浏览器版本差异的坑。
复制代码 代码如下:
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++ )。
标签：
数组,属性遍历
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“IE8对JS通过属性和数组遍历解析不一样的地方探讨”评论...