JavaScript 删除数组中指定元素(5种方法）

原创已于 2024-01-11 10:48:29 修改 · 1.2k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2024-01-11 10:47:45 首次发布

本文介绍了JavaScript中如何使用filter(),splice(),slice()配合展开运算符，reduce()以及indexOf()和splice()的组合来删除数组中的指定元素，提供五种实用的数组操作技巧。

在 JavaScript 中，有多种方法可以删除数组中的指定元素。以下是五种常见的方法：

使用 filter() 方法：

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

const newArray = array.filter(item => item !== elementToRemove);

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

使用 splice() 方法：

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

const index = array.indexOf(elementToRemove);
if (index > -1) {
  array.splice(index, 1);
}

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

使用 slice() 方法和展开运算符：

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

const newArray = [...array.slice(0, array.indexOf(elementToRemove)), ...array.slice(array.indexOf(elementToRemove) + 1)];

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

使用 reduce() 方法：

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

const newArray = array.reduce((acc, curr) => {
  if (curr !== elementToRemove) {
    acc.push(curr);
  }
  return acc;
}, []);

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

使用 indexOf() 方法和 splice() 方法的组合：

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

const index = array.indexOf(elementToRemove);
if (index > -1) {
  array.splice(index, 1);
}

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