1

我知道在 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/

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

4

2 回答 2

3

第一次运行diff时，它只会提示"Not Supported"，安装filterpolyfill 但什么也不做。它只是返回undefined，而不是像它应该做的那样不同。

删除else，或者最好只是将filter安装移到diff功能之外 - 它不是它的一部分（例如，在关闭方面，尽管现代引擎会关心这一点）。

此外，IE8 不支持该indexOf方法，您还需要将此兼容 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);
}
于 2013-03-22T09:47:38.813 回答
1

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

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

MDN 数组 indexOf

于 2013-03-22T09:37:29.540 回答