js怎么删除数组中的json对象

JavaScript中删除数组内JSON对象的实用方法详解

在JavaScript开发中，经常需要操作数组中的对象，特别是当需要删除特定条件的JSON对象时，本文将详细介绍几种高效的方法来删除数组中的JSON对象,帮助开发者灵活处理数据。

使用filter()方法（推荐）

filter()方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素,这是最常用且最简洁的方法之一。

let users = [
  {id: 1, name: '张三', age: 25},
  {id: 2, name: '李四', age: 30},
  {id: 3, name: '王五', age: 28}
];
// 删除id为2的用户
let userIdToRemove = 2;
users = users.filter(user => user.id !== userIdToRemove);
console.log(users);
// 输出: [{id: 1, name: '张三', age: 25}, {id: 3, name: '王五', age: 28}]

优点：

代码简洁易读
不会修改原数组，返回新数组
可以灵活添加过滤条件

使用splice()方法

splice()方法通过删除现有元素和/或添加新元素来修改数组。

let users = [
  {id: 1, name: '张三', age: 25},
  {id: 2, name: '李四', age: 30},
  {id: 3, name: '王五', age: 28}
];
// 删除id为2的用户
let userIdToRemove = 2;
let index = users.findIndex(user => user.id === userIdToRemove);
if (index !== -1) {
  users.splice(index, 1);
}
console.log(users);
// 输出: [{id: 1, name: '张三', age: 25}, {id: 3, name: '王五', age: 28}]

优点：

直接修改原数组
适用于需要原地修改的场景

缺点：

需要先找到索引，代码稍显冗长
多次删除时需要注意索引变化

使用forEach()和splice()组合

虽然不推荐,但在某些复杂场景下可以结合使用。

let users = [
  {id: 1, name: '张三', age: 25},
  {id: 2, name: '李四', age: 30},
  {id: 3, name: '王五', age: 28}
];
// 删除age小于26的用户
let usersToRemove = [];
users.forEach((user, index) => {
  if (user.age < 26) {
    usersToRemove.push(index);
  }
});
// 从后往前删除，避免索引变化问题
usersToRemove.reverse().forEach(index => {
  users.splice(index, 1);
});
console.log(users);
// 输出: [{id: 2, name: '李四', age: 30}, {id: 3, name: '王五', age: 28}]

使用reduce()方法

reduce()方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。

let users = [
  {id: 1, name: '张三', age: 25},
  {id: 2, name: '李四', age: 30},
  {id: 3, name: '王五', age: 28}
];
// 删除name包含'李'的用户
let users = users.reduce((acc, user) => {
  if (!user.name.includes('李')) {
    acc.push(user);
  }
  return acc;
}, []);
console.log(users);
// 输出: [{id: 1, name: '张三', age: 25}, {id: 3, name: '王五', age: 28}]