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

Question

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

我的问题不重复的原因有两点： (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()

Array.splice() 而不是 IE 5.5

似乎支持

还有一个应该适用于 IE9 的不错的 polyfill：

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 不支持的拼接从数组中查找和删除元素

JavaScript find and remove an element from an array using splice not supported in IE9

javascript

arrays

array-splice

internet-explorer-9