Question

我有一个AngularJS应用程序在Internet Explorer 11中给我一些问题 - 在我的管理区域中，我收到的控制台日志错误似乎与我在使用Internet Explorer时过滤数据的页面中注意到的一些问题有关（特别是版本11）但在Chrome / Firefox等中却很好。

Object doesn't support property or method 'findIndex' 
at Anonymous function (http://myapp.local/js/controllers/admin/UsersController.js:363:9)

当我在代码中导航到此行时，这是相关部分： -

[363]   var indexInOriginalSet = $scope.originalSet.findIndex(function(u) {
[364]        return u.id == userId;
[365]   });

使用findIndex修复此IE问题的最佳解决方案是什么？

Answer 1

我写了一个小功能来做那个，你想要的。它期望一个数组作为第一个参数，一个filter - 回调作为第二个参数。

var findIndex = function(arr, fn) {
    return arr.reduce(function(carry, item, idx) {
        if(fn(item, idx)) {
            return idx;
        }

        return carry;
    } , -1);
};

console.log(findIndex(arr, function(u) {
    return u.id == userId;
}));

Answer 2

你可以使用polyfill，在这个部分：

// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex
if (!Array.prototype.findIndex) {
  Object.defineProperty(Array.prototype, 'findIndex', {
    value: function(predicate) {
     // 1. Let O be ? ToObject(this value).
      if (this == null) {
        throw new TypeError('"this" is null or not defined');
      }

      var o = Object(this);

      // 2. Let len be ? ToLength(? Get(O, "length")).
      var len = o.length >>> 0;

      // 3. If IsCallable(predicate) is false, throw a TypeError exception.
      if (typeof predicate !== 'function') {
        throw new TypeError('predicate must be a function');
      }

      // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
      var thisArg = arguments[1];

      // 5. Let k be 0.
      var k = 0;

      // 6. Repeat, while k < len
      while (k < len) {
        // a. Let Pk be ! ToString(k).
        // b. Let kValue be ? Get(O, Pk).
        // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
        // d. If testResult is true, return k.
        var kValue = o[k];
        if (predicate.call(thisArg, kValue, k, o)) {
          return k;
        }
        // e. Increase k by 1.
        k++;
      }

      // 7. Return -1.
      return -1;
    }
  });
}

您可以找到更多详情here

Answer 3

你也可以用另一种方式得到索引，例如

const indexInOriginalSet = $scope.originalSet.findIndex(u => u.id == userId);

相当于：

const indexInOriginalSet = $scope.originalSet.indexOf(
    originalSet.filter(u => u.id == userId)[0];
);

IE9 +

支持indexOf和filter

Answer 4

对于那些在IE上的Angular（＆gt; = 2）应用程序中出现此错误的人，如果使用angular cli创建应用程序，您会在src目录中找到文件polyfills.ts或者是根目录由Angular cli创建的源文件，在polyfills.ts中找到并取消注释以下import语句：

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
// import 'core-js/es6/symbol';
// import 'core-js/es6/object';
// import 'core-js/es6/function';
// import 'core-js/es6/parse-int';
// import 'core-js/es6/parse-float';
// import 'core-js/es6/number';
// import 'core-js/es6/math';
// import 'core-js/es6/string';
// import 'core-js/es6/date';
// import 'core-js/es6/array';
// import 'core-js/es6/regexp';
// import 'core-js/es6/map';
// import 'core-js/es6/weak-map';
// import 'core-js/es6/set';

object不支持属性或方法'findIndex'IE11 javascript问题

4 个答案: