JavaScript List 删除指定元素|极客笔记

JavaScript List 删除指定元素

在 JavaScript 中，我们经常会使用数组（Array）来存储一组数据。当我们需要删除数组中的某个元素时，可以使用不同的方法来实现。本文将介绍如何使用 JavaScript 来删除数组中的指定元素。

方法一：使用 splice() 方法

splice() 方法可以用来向数组中添加或删除元素。当我们需要删除数组中的指定元素时，可以使用 splice() 方法来实现。

示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape'];
let index = fruits.indexOf('orange');
if (index > -1) {
  fruits.splice(index, 1);
}
console.log(fruits); // ['apple', 'banana', 'grape']

Output:

JavaScript List 删除指定元素

在上面的示例中，我们首先找到要删除的元素在数组中的索引，然后使用 splice() 方法删除该元素。

方法二：使用 filter() 方法

filter() 方法可以用来创建一个新数组，其中包含通过指定函数测试的所有元素。当我们需要删除数组中的指定元素时，可以使用 filter() 方法来实现。

示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape'];
let newFruits = fruits.filter(fruit => fruit !== 'orange');
console.log(newFruits); // ['apple', 'banana', 'grape']

Output:

JavaScript List 删除指定元素

在上面的示例中，我们使用 filter() 方法创建一个新数组，其中不包含要删除的元素。

方法三：使用 slice() 方法和 concat() 方法

slice() 方法可以用来提取数组中的一部分元素，并返回一个新数组。concat() 方法可以用来连接两个或多个数组，并返回一个新数组。当我们需要删除数组中的指定元素时，可以使用 slice() 方法和 concat() 方法来实现。

示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape'];
let index = fruits.indexOf('orange');
let newFruits = fruits.slice(0, index).concat(fruits.slice(index + 1));
console.log(newFruits); // ['apple', 'banana', 'grape']

Output:

JavaScript List 删除指定元素

在上面的示例中，我们首先找到要删除的元素在数组中的索引，然后使用 slice() 方法和 concat() 方法创建一个新数组，其中不包含要删除的元素。

方法四：使用 for 循环和 splice() 方法

除了以上方法外，我们还可以使用 for 循环和 splice() 方法来删除数组中的指定元素。

示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape'];
for (let i = 0; i < fruits.length; i++) {
  if (fruits[i] === 'orange') {
    fruits.splice(i, 1);
    i--;
  }
}
console.log(fruits); // ['apple', 'banana', 'grape']

Output:

JavaScript List 删除指定元素