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

JS 数组去除指定元素

在开发过程中，我们经常会遇到需要对数组进行操作的情况，其中一个常见的操作就是去除数组中的指定元素。本文将详细介绍如何使用 JavaScript 对数组进行去除指定元素的操作。

方法一：使用filter方法

JavaScript 中的数组提供了一个filter方法，可以用于筛选数组中的元素。我们可以利用这个方法，筛选出不是目标元素的元素，从而实现去除指定元素的目的。

示例代码如下：

const array = [1, 2, 3, 4, 5, 2];
const target = 2;

const filteredArray = array.filter(item => item !== target);

console.log(filteredArray);

运行以上代码，输出为：

[1, 3, 4, 5]

上述代码中，首先定义了一个包含重复元素的数组array，以及需要去除的目标元素target。然后使用filter方法，遍历数组，返回一个新数组filteredArray，其中不包含目标元素target。

方法二：使用splice方法

除了filter方法外，JavaScript 中的数组还提供了一个splice方法，可以用于改变原数组。我们可以通过splice方法，将目标元素从数组中直接删除。

示例代码如下：

const array = [1, 2, 3, 4, 5, 2];
const target = 2;

for (let i = 0; i < array.length; i++) {
  if (array[i] === target) {
    array.splice(i, 1);
    i--;
  }
}

console.log(array);

运行以上代码，输出为：

[1, 3, 4, 5]

在上述代码中，我们使用splice方法删除数组中所有与目标元素target相等的元素。需要注意的是，每次删除元素后，需要将数组索引i减一，以避免漏删元素。

方法三：使用reduce方法

JavaScript 中数组的reduce方法可以用于将数组中的元素按照一定规则汇总为一个值。我们可以利用这个方法，筛选出不是目标元素的元素，从而实现去除指定元素的目的。

示例代码如下：

const array = [1, 2, 3, 4, 5, 2];
const target = 2;

const reducedArray = array.reduce((acc, item) => {
  if (item !== target) {
    acc.push(item);
  }
  return acc;
}, []);

console.log(reducedArray);

运行以上代码，输出为：

[1, 3, 4, 5]

在上述代码中，我们使用reduce方法遍历数组，将不是目标元素的元素逐个加入新数组中，最终实现去除指定元素的目的。

方法四：使用indexOf和slice方法

如果数组元素是基本类型，我们还可以通过indexOf和slice方法结合来实现去除指定元素的操作。具体步骤是先找到目标元素的索引，然后使用slice方法将该元素前后的数组合并。

示例代码如下：

const array = [1, 2, 3, 4, 5, 2];
const target = 2;

const index = array.indexOf(target);
const slicedArray = array.slice(0, index).concat(array.slice(index + 1));

console.log(slicedArray);

运行以上代码，输出为：