js 删除数组某个元素|极客笔记

js 删除数组某个元素

在 JavaScript 中，我们经常需要操作数组。有时候我们需要删除数组中的某个元素，这在编写程序时是一个常见的需求。本文将介绍如何在 JavaScript 中删除数组中的某个元素。

方法一：使用`splice()`方法

splice()方法是 JavaScript 中用来删除或添加元素的方法。这个方法可以删除指定位置的元素，同时改变数组的长度。它的语法如下：

array.splice(start, deleteCount);

start：要删除的元素的起始位置，即要删除的元素在数组中的索引值。
deleteCount：要删除的元素的个数。

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

let fruits = ['apple', 'banana', 'orange', 'pear'];

// 删除索引为1的元素（即删除'banana'）
fruits.splice(1, 1);

console.log(fruits); // ['apple', 'orange', 'pear']

在上面的示例中，splice(1, 1)表示删除数组fruits中索引为1的元素，也就是'banana'。删除后的数组为['apple', 'orange', 'pear']。

方法二：使用`filter()`方法

除了使用splice()方法，我们还可以使用filter()方法来删除数组中的某个元素。filter()方法会创建一个新数组，其中包含通过所提供函数实现的测试的所有元素。换句话说，我们可以通过过滤的方法来删除元素。

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

let fruits = ['apple', 'banana', 'orange', 'pear'];

// 删除值为'banana'的元素
fruits = fruits.filter(fruit => fruit !== 'banana');

console.log(fruits); // ['apple', 'orange', 'pear']

在上面的示例中，filter(fruit => fruit !== 'banana')表示删除数组fruits中值为'banana'的元素。由于filter()方法会返回一个新数组，因此我们需要将新数组重新赋值给fruits变量。

方法三：使用`indexOf()`和`splice()`方法

除了直接使用splice()方法或filter()方法外，我们还可以先通过indexOf()方法找到要删除的元素的索引，然后再使用splice()方法来删除该元素。

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

let fruits = ['apple', 'banana', 'orange', 'pear'];
let index = fruits.indexOf('banana');

if (index > -1) {
  fruits.splice(index, 1);
}

console.log(fruits); // ['apple', 'orange', 'pear']

在上面的示例中，indexOf('banana')方法找到了值为'banana'的元素的索引，然后我们可以使用splice(index, 1)来删除该元素。