IE8对JS的数组，采用属性遍历的方法，解析不一样的地方：

最新推荐文章于 2023-10-10 08:53:07 发布

云淡风清-北京

最新推荐文章于 2023-10-10 08:53:07 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/luqin1988/article/details/8890611

JavaScript 专栏收录该内容

42 篇文章

订阅专栏

本文记录了一个在非IE8浏览器环境下，使用for循环遍历数组与通过Array.prototype.Contains方法遍历数组元素结果一致的情况。然而，在IE8浏览器中，由于该方法可能被当作数组属性输出，导致结果不同。为避免此类问题，建议在遍历数组元素时使用标准的for循环方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以文谨记在此被浏览器版本差异的坑。

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++ )。