从匹配的数组中删除所有 - Javascript

在Javascript中，删除一个数组中匹配到的元素，是一个很常见的操作。本文将介绍如何从匹配的数组中删除所有元素，并提供几种常用的解决方案。

方案一：使用filter方法

Javascript中的filter方法可以基于指定的条件过滤数组中的元素，并返回一个新的数组。可以使用以下代码段删除所有匹配的元素：

let arr = [1, 2, 3, 4, 5, 3, 6];
let valueToRemove = 3;

arr = arr.filter(item => item !== valueToRemove);

console.log(arr); // Output: [1, 2, 4, 5, 6]

在上面的示例中，我们使用filter方法，基于匹配条件item !== valueToRemove来过滤数组中的元素。最后得到一个新的不包含匹配元素的数组。

方案二：使用splice方法

Javascript中的splice方法可以删除指定范围内的数组元素，并返回被删元素的新数组。可以使用以下代码段修改原始数组，删除所有匹配的元素。

let arr = [1, 2, 3, 4, 5, 3, 6];
let valueToRemove = 3;

for (var i = arr.length - 1; i >= 0; i--) {
  if (arr[i] === valueToRemove) {
    arr.splice(i, 1);
  }
}

console.log(arr); // Output: [1, 2, 4, 5, 6]

在上述示例中，我们使用了一个循环，从数组的最后一个元素开始，逆序扫描数组并删除匹配的元素。注意，使用这种方法会修改原始数组。

方案三：使用Set对象

Javascript中的Set对象是一种新类型的数据集合，它允许在一组唯一的值中存储任意类型的数据。可以使用以下代码段将数组转换为Set对象，然后将匹配元素从Set对象中删除。

let arr = [1, 2, 3, 4, 5, 3, 6];
let valueToRemove = 3;

let set = new Set(arr);
set.delete(valueToRemove);
arr = [...set];

console.log(arr); // Output: [1, 2, 4, 5, 6]

在上面的示例中，我们首先使用数组创建一个Set对象，然后调用delete方法将匹配的元素从Set对象中删除。最后，我们使用扩展运算符将Set对象转换回数组。

总结

以上是几种在Javascript中删除匹配数组元素的方法，你可以根据实际需求灵活选择。值得注意的是，在使用splice方法时，需要小心修改原始数组；而使用Set对象时，需要注意对数组去重后的顺序可能发生变化。