Javascript - 从数组中删除多个项目

简介

在 Javascript 中，删除数组中的元素是常见的操作。但是当需要删除多个元素时，可以选择不同的方法。本文将介绍几种常见的方法来从数组中删除多个元素。

splice() 方法

splice() 方法可以删除数组中的元素，并返回已删除的元素。该方法根据以下两个参数进行操作：

• start: 要开始删除的位置的索引号（必填）。
• deleteCount: 要删除的元素的个数（可选）。

以下是 splice() 方法的示例代码：

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.splice(2, 3); // 移除索引号 2 开始的 3 个元素
console.log(arr); // [1, 2, 6, 7, 8, 9]

使用splice()方法时，需要注意的一点是，该方法会改变原数组。如果不想改变原数组，可以使用 slice() 方法。

slice() 方法

slice() 方法以指定的开始和结束元素创建一个新数组。以下是使用 slice() 方法删除一个或多个元素的示例代码：

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var removed = arr.slice(0, 2).concat(arr.slice(5));
console.log(removed); // [1, 2, 6, 7, 8, 9]

该方法不会改变原始数组，而是返回一个新的数组。在本例中，slice() 方法从索引 0 处开始，取出前两个元素，然后加上从索引 5 开始的剩余元素。

filter() 方法

filter() 方法创建一个新数组，其中包含通过测试函数的所有元素。以下是使用 filter() 方法删除一个或多个元素的示例代码：

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var removed = arr.filter(function(value, index, arr) {
    return (index < 2 || index >= 5);
});
console.log(removed); // [1, 2, 6, 7, 8, 9]

在本例中，filter() 方法通过测试函数去除了索引 2、3 和 4 的元素。该方法同样不会改变原始数组，而是返回一个新的数组。

总结

在 Javascript 中，有多种方法可以删除数组中的多个元素。splice() 方法可以改变原始数组，而 slice() 和 filter() 方法则不会改变原始数组。我们可以根据具体的需求选择合适的方法来删除数组中的元素。