如何在JavaScript中删除数组中的某个对象

HCET • 2024-10-04 00:18 • 编程

在JavaScript中，删除数组中的某个对象是一个非常常见的操作。这里将从多个方面介绍如何在JavaScript中删除数组中的某个对象。

一、js移除数组对象中的某个对象

JavaScript方法splice()可以从数组中添加或删除元素，其中第一个参数表示所要执行的操作的起始位置，第二个参数表示要删除的元素的数量。

let arr = [{name:"Tom", age:20}, {name:"Jerry", age:22}, {name:"Mike", age:18}];
let targetObj = {name:"Jerry", age:22};
let index = arr.indexOf(targetObj);
if (index > -1) {
  arr.splice(index, 1);
}

在上面的例子中，找到要删除的对象的索引，如果存在则使用splice()方法删除该对象。需要注意的是，使用indexOf()方法查找对象时，应该比较对象的属性值而不是对象本身。

二、js删除对象数组中某个对象

如果数组中的元素是对象，则可以使用filter()方法过滤掉需要删除的对象。

let arr = [{name:"Tom", age:20}, {name:"Jerry", age:22}, {name:"Mike", age:18}];
let targetObj = {name:"Jerry", age:22};
arr = arr.filter(item => item !== targetObj);

在上面的例子中，使用filter()方法过滤掉需要删除的对象，返回一个新的数组，再将其赋值给原数组。需要注意的是，当比较两个对象时，应该比较对象的属性值而不是对象本身。

三、js删除数组中的指定元素

如果数组中的元素是基本数据类型，则可以使用splice()方法删除数组中的指定元素。

let arr = [1, 2, 3, 4, 5];
let targetNum = 3;
let index = arr.indexOf(targetNum);
if (index > -1) {
  arr.splice(index, 1);
}

在上面的例子中，使用indexOf()方法查找要删除的元素的索引，如果找到了则使用splice()方法删除它。

四、json数组中删除某个对象

在JavaScript中，JSON数组实际上是包含对象的数组。我们可以使用filter()方法过滤掉需要删除的对象。

let jsonArr = [{"name":"Tom", "age":20}, {"name":"Jerry", "age":22}, {"name":"Mike", "age":18}];
let targetObj = {"name":"Jerry", "age":22};
jsonArr = jsonArr.filter(item => JSON.stringify(item) !== JSON.stringify(targetObj));

在上面的例子中，使用JSON.stringify()方法将对象转换为字符串进行比较，如果不相等则保留，最终返回一个新的数组并将其赋值给原数组。

五、js数组删除数组中某个元素

如果数组中的元素是基本数据类型，则可以使用slice()方法将需要删除的元素从数组中复制到新的数组中。

let arr = [1, 2, 3, 4, 5];
let targetNum = 3;
let index = arr.indexOf(targetNum);
let newArr = arr.slice(0, index).concat(arr.slice(index+1));

在上面的例子中，使用indexOf()方法查找要删除的元素的索引，使用slice()方法将需要删除的元素从数组中复制到新的数组中，最终得到一个不包含被删除元素的新数组。

六、删除数组对象中某个对象

如果数组中的元素是对象，则可以使用Array.prototype.filter()方法过滤掉需要删除的对象。

let arr = [{name:"Tom", age:20}, {name:"Jerry", age:22}, {name:"Mike", age:18}];
let targetObj = {name:"Jerry", age:22};
arr = arr.filter(item => !Object.is(item, targetObj));

在上面的例子中，使用Array.prototype.filter()方法过滤掉需要删除的对象，返回一个新的数组，再将其赋值给原数组。需要注意的是，不能直接比较两个对象，应该使用ES6特性Object.is()进行比较。

七、总结

在JavaScript中，删除数组中的某个对象有多种方法，可以根据不同的情况选择不同的方法。如果数组中的元素是对象，则使用filter()方法过滤掉需要删除的对象；如果是基本数据类型，则使用splice()方法删除数组中的指定元素或使用slice()方法从数组中复制出不包含被删除元素的新数组。无论是哪种方法，都需要先查找要删除的对象或元素的索引。

原创文章，作者：HCET，如若转载，请注明出处：https://www.506064.com/n/137720.html