Question

我才知道在IE8中不支持数组过滤功能。在互联网上寻求帮助后，我找到了这个 - https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/filter

它表明IE8可以使用上面的代码。

HTML代码：

<body>
<a href="javascript:void(0)" onclick="calculateDiff()">Calculate</a>
</body>

JS代码：

function calculateDiff() {
    var arr1 = new Array(1, 2, 3);
    var arr2 = new Array(3, 4, 5);
    var res = arr1.diff(arr2);

    alert(res);
}


Array.prototype.diff = function(a) {

    if(!Array.prototype.filter) {
        alert("not supported");
        Array.prototype.filter = function(fun) {
            "use strict";

            if(this == null)
                throw new TypeError();

            var t = Object(this);
            var len = t.length >>> 0;
            if(typeof fun != "function")
                throw new TypeError();

            var res = [];
            var thisp = arguments[1];
            for(var i = 0; i < len; i++) {
                if(i in t) {
                    var val = t[i]; // in case fun mutates this
                    if (fun.call(thisp, val, i, t))
                        res.push(val);
                }
            }

            return res;
        };
    }
    else {
        alert("supported");
        return this.filter(function(i) {
            return !(a.indexOf(i) > -1);
        });
    }
}

我已经在这个小提琴中实现了解决方案 - http://jsfiddle.net/7LFMA/

代码有什么问题？为什么不起作用？

Answer 1

首次运行diff时，它只会提醒"Not Supported"，安装filter polyfill但不执行任何操作。它只返回undefined，而不是像预期的那样进行差异。

删除else，或者更好的只是将filter安装移到diff函数之外 - 它不是它的一部分（例如关闭，尽管现代引擎会关心这个。）

此外，IE8不支持indexOf方法，您还需要输入this compat shim。

if (!Array.prototype.indexOf)
    Array.prototype.indexOf = function (searchElement) {…};

if (!Array.prototype.filter)
    Array.prototype.filter = function(fun) {…};

Array.prototype.diff = function(a) {
    return this.filter(function(i) {
        return !(a.indexOf(i) > -1);
    });
};

function calculateDiff() {
    var arr1 = new Array(1, 2, 3);
    var arr2 = new Array(3, 4, 5);
    var res = arr1.diff(arr2);

    alert(res);
}

Answer 2

IE8不支持数组的indexOf - 你仍然在代码中使用它，所以一旦你实现过滤器，它就存在然后IE8会尝试使用indexOf。

在您的代码中，一旦调用DIFF，您实际上并不应用过滤器，但是一旦这样做，您还需要实现indexOf

MDN Array indexOf

IE8数组filter（）不起作用

2 个答案: