JS实现数组/对象数组删除其中某一项

如果要在JavaScript中删除数组或对象数组中的某一项，可以按照以下步骤进行。

删除数组中的某一项

1.找到要删除的项的索引

要删除数组中的某一项，首先需要找到该项的索引。可以使用indexOf()方法来查找该项在数组中的索引。例如，以下代码查找数字数组中的项 "3" 的索引:

const arr = [1, 2, 3, 4];
const index = arr.indexOf(3);

2.使用splice()方法删除该项

找到要删除的项的索引后，可以使用splice()方法删除该项。该方法可以接受两个参数，第一个参数为要删除的项的索引，第二个参数为要删除的项的数量。例如，以下代码从数字数组中删除了索引为2的项 "3":

const arr = [1, 2, 3, 4];
const index = arr.indexOf(3);
arr.splice(index, 1);

现在，数字数组 arr 是 [1, 2, 4]。

删除对象数组中的某一项

删除对象数组中的某一项的步骤与删除数字数组中的一项相同，只是需要使用对象属性而不是索引来识别要删除的项。

1.找到要删除的项的索引

要删除对象数组中的某一项，首先需要找到该项的索引。可以使用findIndex()方法和一个回调函数来查找包含要删除的属性的对象。例如，以下代码查找名为 "John" 的人的索引:

const people = [
  {name: "Bob", age: 25},
  {name: "Alice", age: 30},
  {name: "John", age: 21},
  {name: "Mike", age: 35}
];

const index = people.findIndex(person => person.name === "John");

2.使用splice()方法删除该项

找到要删除的项的索引后，可以使用splice()方法删除该项。该方法可以接受两个参数，第一个参数为要删除的项的索引，第二个参数为要删除的项的数量。例如，以下代码从对象数组中删除了索引为2的项，即名为 "John" 的人:

const people = [
  {name: "Bob", age: 25},
  {name: "Alice", age: 30},
  {name: "John", age: 21},
  {name: "Mike", age: 35}
];

const index = people.findIndex(person => person.name === "John");
people.splice(index, 1);

现在，对象数组 people 是下面的对象数组：

[
  {name: "Bob", age: 25},
  {name: "Alice", age: 30},
  {name: "Mike", age: 35}
]

阅读剩余 30%