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

JS数组中删除指定元素

在开发前端应用时，经常会遇到需要从数组中删除指定元素的情况。JavaScript中的数组提供了一些方法，可以很方便地实现这一操作。本文将详细介绍如何在JS数组中删除指定元素。

方法一：使用filter方法

filter方法可以用于过滤数组中的元素，返回一个符合条件的新数组。我们可以利用filter方法，删除数组中指定的元素。

示例代码如下：

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

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

console.log(newArr);

运行结果：

[1, 2, 4, 5]

方法二：使用splice方法

splice方法可以用于删除数组中的元素，它会改变原数组。我们可以利用splice方法，删除数组中指定的元素。

示例代码如下：

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

arr.splice(indexToRemove, 1);

console.log(arr);

运行结果：

[1, 2, 4, 5]

方法三：使用indexOf和slice方法

indexOf方法用于查找元素在数组中的位置，slice方法可以从数组中抽取出指定范围的元素。结合使用这两个方法，我们也可以实现删除数组中指定的元素。

示例代码如下：

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

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

console.log(newArr);

运行结果：

[1, 2, 4, 5]

方法四：使用for循环遍历数组

除了以上方法外，我们还可以通过使用for循环遍历数组，将要删除的元素排除在外，从而实现删除指定元素的目的。

示例代码如下：

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

for (let i = 0; i < arr.length; i++) {
  if (arr[i] !== elementToRemove) {
    newArr.push(arr[i]);
  }
}

console.log(newArr);

运行结果：