如何通过值从数组中删除项目？

Question

如何通过值从数组中删除项目？

1368

有没有一种方法可以从 JavaScript 数组中移除一个元素？

给定一个数组：

var ary = ['three', 'seven', 'eleven'];

我想要做类似这样的事情：

removeItem('seven', ary);

我研究了splice()，但那只能按位置号删除，我需要一种可以按值删除项目的方法。

- MacMac

3

另请参见：如何在JavaScript中按值删除数组元素和从数组中删除特定元素？ - Bergi

123

Array.filter() 翻译为 "数组过滤"，它是 JavaScript 中的一个数组方法。该方法可用于创建一个新数组，其中包含原始数组中满足特定条件的所有元素。使用该方法需要提供一个回调函数，该函数接受三个参数：当前元素、元素索引和数组本身。回调函数应返回一个布尔值，指示当前元素是否应包含在新数组中。 - Eric Hodonsky

它也可以在这里找到：https://dev59.com/CG025IYBdhLWcg3w1ZoL#21408685这是基准测试：https://jsperf.com/array-without-benchmark-against-lodash - Ardi

我认为从数组中删除元素的最干净的方法是使用数组的ary.filter()方法。ary.filter(val => val !== 'seven')。这将返回一个新数组，其中包含除了“seven”之外的所有元素。 - Ali Raza

ary.splice(ary.indexOf(ID),1)只需使用这个简单的代码行就可以完成！ - undefined

显示剩余3条评论

37个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kld · Answer 1

var index = array.indexOf('item');

if(index!=-1){

   array.splice(index, 1);
}

- Lotus · Answer 2

你需要的是过滤器。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

这将使您能够执行以下操作：

var ary = ['three', 'seven', 'eleven'];
var aryWithoutSeven = ary.filter(function(value) { return value != 'seven' });
console.log(aryWithoutSeven); // returns ['three', 'eleven']

这也在另一个线程中被指出：https://dev59.com/wG865IYBdhLWcg3wKLT6#20827100。

- greene · Answer 3

如果你有唯一的值且顺序不重要，使用 Set。它拥有 delete() 方法：

var mySet = new Set(['three', 'seven', 'eleven']);
mySet.delete('seven'); // Returns true, successfully removed    
[...mySet];            // Returns ['three', 'eleven']

- Oliver Dixon · Answer 4

18

ES6方式。

const commentsWithoutDeletedArray = commentsArray.filter(comment => comment.Id !== commentId);

- Oliver Dixon

我认为JavaScript中的mapreduce函数非常快，但splice仍然更快。因此，更好的实现可能是

const removeArrayItem = (arr, itemToRemove) => {   return arr.includes(itemToRemove)?     arr.splice(arr.indexOf(itemToRemove), 1):     arr }

。 - roberto tomás

7

我更注重可读性，而非微小的性能提升。 - Oliver Dixon

嘿@OliverDixon，你能否解释一下comment.Id !== commentId？现在我想删除的评论是5，在过滤器中5 !== 5是false，那么如何删除它呢？：? - Oliver D

1

如果你需要性能，你可以将那段难以理解的代码封装到自己可读的函数中。 - rpgs_player

- Subhojit Mondal · Answer 5

当你需要从数组中删除多次出现的值时（例如 [1,2,2,2,4,5,6]），

function removeFrmArr(array, element) {
  return array.filter(e => e !== element);
};
var exampleArray = [1,2,3,4,5];
removeFrmArr(exampleArray, 3);
// return value like this
//[1, 2, 4, 5]

您可以使用splice从数组中删除单个元素，但splice无法从数组中删除多个相似的元素。

您可以使用splice方法从数组中删除一个元素，但是如果您需要从数组中删除多个相似的元素，splice方法将不再适用。

function singleArrayRemove(array, value){
  var index = array.indexOf(value);
  if (index > -1) array.splice(index, 1);
  return array;
}
var exampleArray = [1,2,3,4,5,5];
singleArrayRemove(exampleArray, 5);
// return value like this
//[1, 2, 3, 4, 5]

- rbenvenuto · Answer 6

实际上，我不明白为什么这个问题不能用

arr = arr.filter(value => value !== 'seven');

或者您想使用原生JS

arr = arr.filter(function(value) { return value !== 'seven' });

- Shakespeare · Answer 7

由于没有一个漂亮的，这里有一个简单且可重复使用的ES6函数。

const removeArrayItem = (arr, itemToRemove) => {
  return arr.filter(item => item !== itemToRemove)
}

用法：

const items = ['orange', 'purple', 'orange', 'brown', 'red', 'orange']
removeArrayItem(items, 'orange')

- Jason · Answer 8

从数组中删除所有匹配的元素（而不仅仅是第一个，因为这似乎是这里最常见的答案）：

while ($.inArray(item, array) > -1) {
    array.splice( $.inArray(item, array), 1 );
}

我使用了jQuery来完成较重的工作，但是如果你想使用本地语言，你可以得到类似的结果。

- Eugene Lyzo · Answer 9

在所有值唯一的情况下，您可以：

a = new Set([1,2,3,4,5]) // a = Set(5) {1, 2, 3, 4, 5}
a.delete(3) // a = Set(5) {1, 2, 4, 5} 
[...a] // [1, 2, 4, 5]

- mtizziani · Answer 10

一个非常简洁的解决方案，适用于所有浏览器，且不需要任何框架，就是创建一个新的数组，并在返回时删除你想要删除的元素:

/**
 * @param {Array} array the original array with all items
 * @param {any} item the time you want to remove
 * @returns {Array} a new Array without the item
 */
var removeItemFromArray = function(array, item){
  /* assign a empty array */
  var tmp = [];
  /* loop over all array items */
  for(var index in array){
    if(array[index] !== item){
      /* push to temporary array if not like item */
      tmp.push(array[index]);
    }
  }
  /* return the temporary array */
  return tmp;
}