javascript - Internet Explorer 的数组 indexOf 实现

Question

关于如何将 indexOf 实现放入 Array 原型(prototype)以使其在 Internet Explorer 下工作，有很多解决方案，但是我偶然发现了一个问题，到目前为止我在任何地方都没有解决这个问题.

使用一致同意的 implementation at MDC ，我有以下代码现在有问题:

// indexOf support for IE (from MDC)
if (!Array.prototype.indexOf)
{
    Array.prototype.indexOf = function(elt /*, from*/)   
    {
        var len = this.length >>> 0;

        var from = Number(arguments[1]) || 0;
        from = (from < 0) ? Math.ceil(from) : Math.floor(from);
        if (from < 0)
            from += len;

        for (; from < len; from++)
        {
            if (from in this && this[from] === elt)  
                return from;
        }
        return -1;
    };
}

var i = [1,2,3,4];

for (j in i)
{
    alert(i[j]);
}

我希望收到 4 个警报，每个警报都包含数组的一个元素。 在 Firefox 和 Chrome 中，这正是我所看到的，但是在 IE8 中，我收到了一个包含 indexOf 函数代码的额外警告。

如何避免这种情况？

Answer 1

发生这种情况是因为在 IE 中，因为该方法不存在，所以它被添加到 Array.prototype 中，并且它仍然是可枚举的。

对于数组(通常是任何类似数组的对象)，我不推荐使用for...in 语句。

为什么？

• for...in 语句用于枚举对象属性。
• 如您所见，for...in 语句沿原型(prototype)链向上爬行。
• 迭代的顺序可以是任意的，迭代数组可能不会访问数字顺序中的元素。

最简单的方法，普通的 for 循环:

for (var j = 0; j < i.length; j++) {
    alert(i[j]);
}

另见:

• Iteration VS Enumeration