js数组删除指定对象

js数组删除指定对象

在JavaScript中，数组是一种常用的数据结构，我们经常需要对数组进行操作，例如删除指定对象。本文将详细介绍如何使用JavaScript来删除数组中的指定对象，包括使用 filter() 方法和 splice() 方法两种方式。

使用filter()方法删除指定对象

filter() 方法是JavaScript中用于过滤数组元素的方法，我们可以利用这个方法来删除数组中指定的对象。下面是一个使用 filter() 方法删除指定对象的示例代码：

const arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
];

const targetId = 2;

const newArr = arr.filter(item => item.id !== targetId);

console.log(newArr);

在上面的示例代码中，我们有一个包含三个对象的数组 arr，我们想要删除 id 等于 2 的对象。我们使用 filter() 方法遍历数组，过滤出 id 不等于 2 的对象，最终得到新的数组 newArr，其中包含了删除指定对象后的结果。

运行上面的代码，得到的输出为：

[ { id: 1, name: 'Alice' }, { id: 3, name: 'Charlie' } ]

可以看到，数组中 id 等于 2 的对象已经被成功删除。

使用splice()方法删除指定对象

除了使用 filter() 方法外，我们还可以使用 splice() 方法来删除数组中指定对象。splice() 方法会直接修改原数组，删除指定下标的元素。下面是一个使用 splice() 方法删除指定对象的示例代码：

const arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
];

const targetId = 2;

const index = arr.findIndex(item => item.id === targetId);
arr.splice(index, 1);

console.log(arr);

在上面的示例代码中，我们同样有一个包含三个对象的数组 arr，我们想要删除 id 等于 2 的对象。首先使用 findIndex() 方法找到目标对象的下标 index，然后使用 splice() 方法删除该对象。

运行上面的代码，得到的输出为：

[ { id: 1, name: 'Alice' }, { id: 3, name: 'Charlie' } ]

同样可以看到，数组中 id 等于 2 的对象已经被成功删除。

总结

本文详细介绍了如何使用JavaScript来删除数组中的指定对象，包括使用 filter() 方法和 splice() 方法两种方式。通过对这两种方法的比较，可以根据具体情况选择适合自己业务需求的方法来删除指定对象。