Question

我在JavaScript中有一个数组，我需要找到一个特定的元素并将其删除。我尝试使用splice()和findIndex()，但JSEclipse和IE9中均不支持。我使用了splice()和find()，但它在IE9中不起作用。

我的问题没有重复之处，有2点：（1）我的数组是对象的数组，因此使用indexOf()不适用。（2）IE9支持是我解决方案的前提。

我会很感激任何助手。

我的数组：

var portingOptions = [
   {
      name: 'print',
      iconClass: 'faxBlue'
   },
   {
      name: 'pdf',
      iconClass: 'pdfBlue'
   },
   {
      name: 'exportToCcr',
      iconClass: 'documentBlue'

   },
   {
      name: 'message',
      iconClass: 'secureMessageBlue'
   },
   {
      name: 'email',
      iconClass: 'emailBlue'
   }
];

我的splice()和find()代码：

if (myParameters.removeEmailField) {
   portingOptions.splice(portingOptions.find(function(element) {
      return element.name === 'email';
      })
   );
}

有人知道适用于IE9的解决方案吗？

Answer 1

您可以使用while循环，而不要使用find循环，

如果要删除多个，请删除break语句。

var index = array.length;

while (index--) {
    if (array[index].name === 'email') {
        array.splice(index, 1);
        break;
    }
}

Answer 2

您可以使用jQuery方法$.grep()替换您的Array.find()

IE 5.5似乎支持

Array.splice()

还有一个不错的polyfill可以在IE9上使用：

Array.prototype.find = Array.prototype.find || function(callback) {
  if (this === null) {
    throw new TypeError('Array.prototype.find called on null or undefined');
  } else if (typeof callback !== 'function') {
    throw new TypeError('callback must be a function');
  }
  var list = Object(this);
  // Makes sures is always has an positive integer as length.
  var length = list.length >>> 0;
  var thisArg = arguments[1];
  for (var i = 0; i < length; i++) {
    var element = list[i];
    if ( callback.call(thisArg, element, i, list) ) {
      return element;
    }
  }

参考：https://github.com/jsPolyfill/Array.prototype.find/blob/master/find.js

JavaScript使用IE9不支持的接头从数组中查找和删除元素

2 个答案: