js 删除数组中的指定元素|极客笔记

js 删除数组中的指定元素

在 JavaScript 中，我们经常需要对数组进行操作，其中之一就是删除数组中的指定元素。本文将详细介绍如何使用 JavaScript 来删除数组中的指定元素，并提供一些示例代码以帮助读者更好地理解。

方法一：使用 filter 方法

在 JavaScript 中，我们可以使用数组的 filter() 方法来删除数组中的指定元素。filter() 方法创建一个新数组，其元素是通过指定函数实现的测试的所有元素，并且不包括那些未通过测试的元素。

下面是一个使用 filter() 方法删除数组中指定元素的示例代码：

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

let newArr = arr.filter(item => item !== elementToDelete);

console.log(newArr); // [1, 2, 4, 5]

在上面的代码中，我们首先定义了一个包含一些元素的数组 arr，然后定义了要删除的元素 elementToDelete，接着使用 filter() 方法创建一个新数组 newArr，其中删除了指定的元素。最后，我们将新数组打印出来，可以看到原数组中的指定元素已经被成功删除了。

方法二：使用 splice 方法

除了使用 filter() 方法外，我们还可以使用数组的 splice() 方法来删除数组中的指定元素。splice() 方法通过删除或替换现有元素或通过插入新元素来修改原数组。

下面是一个使用 splice() 方法删除数组中指定元素的示例代码：

let arr = [1, 2, 3, 4, 5];
let indexToDelete = arr.indexOf(3);

arr.splice(indexToDelete, 1);

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

在上面的代码中，我们首先定义了一个包含一些元素的数组 arr，然后通过 indexOf() 方法找到要删除的元素在数组中的索引 indexToDelete，接着使用 splice() 方法删除指定索引的元素。最后，我们将修改后的数组打印出来，可以看到原数组中的指定元素已经被成功删除了。

方法三：使用 slice 方法

另一种删除数组中的指定元素的方法是使用 slice() 方法。slice() 方法返回一个从开始到结束（不包括结束）的新数组，原数组不会被修改。

下面是一个使用 slice() 方法删除数组中指定元素的示例代码：

let arr = [1, 2, 3, 4, 5];
let indexToDelete = arr.indexOf(3);

let newArr = arr.slice(0, indexToDelete).concat(arr.slice(indexToDelete + 1));

console.log(newArr); // [1, 2, 4, 5]

在上面的代码中，我们首先定义了一个包含一些元素的数组 arr，然后通过 indexOf() 方法找到要删除的元素在数组中的索引 indexToDelete，接着使用 slice() 方法创建两个新数组，分别是要删除元素的索引之前和之后的部分，最后通过 concat() 方法将两个新数组合并成一个新数组。最终，我们将新数组打印出来，可以看到原数组中的指定元素已经被成功删除了。