如何从对象数组中删除指定值对应的元素

问题 #

需要根据指定值删除对象数组中对应的元素，找到匹配refURL值的对象后删除整个元素。以下是原代码，但无法实现需求：

let value = "/unifiedconfig/config/agent/5197";

// 目标是删除元素：{"refURL":"/unifiedconfig/config/agent/5197","agentId":"1085","firstName":"Owen","lastName":"Harvey","userName":"oharvey"}

var myjsonobj = {
  "refURL": "/unifiedconfig/config/agentteam/5022",
  "changeStamp": 12,
  "agentCount": 7,
  "description": "Cumulus Outbound Team",
  "name": "CumulusOutbound",
  "peripheral": {
    "id": 5000,
    "name": "CUCM_PG_1"
  },
  "peripheralId": 5000,
  "supervisorCount": 1,
  "agents": [{
    "agent": [{
      "refURL": "/unifiedconfig/config/agent/5197",
      "agentId": "1085",
      "firstName": "Owen",
      "lastName": "Harvey",
      "userName": "oharvey"
    }, {
      "refURL": "/unifiedconfig/config/agent/5201",
      "agentId": "1320",
      "firstName": "Bruce",
      "lastName": "Wayne",
      "userName": "bwayne"
    }, {
      "refURL": "/unifiedconfig/config/agent/5202",
      "agentId": "1321",
      "firstName": "Peter",
      "lastName": "Parker",
      "userName": "pparker"
    }, {
      "refURL": "/unifiedconfig/config/agent/5203",
      "agentId": "1322",
      "firstName": "Tony",
      "lastName": "Stark",
      "userName": "tstark"
    }, {
      "refURL": "/unifiedconfig/config/agent/5204",
      "agentId": "1323",
      "firstName": "Steve",
      "lastName": "Rogers",
      "userName": "srogers"
    }, {
      "refURL": "/unifiedconfig/config/agent/5205",
      "agentId": "1324",
      "firstName": "Bruce",
      "lastName": "Banner",
      "userName": "bbanner"
    }, {
      "refURL": "/unifiedconfig/config/agent/5231",
      "agentId": "1086",
      "firstName": "Annika",
      "lastName": "Hamilton",
      "userName": "annika"
    }, {
      "refURL": "/unifiedconfig/config/agent/5118",
      "agentId": "1317",
      "firstName": "Donald",
      "lastName": "Duckling",
      "userName": "dduck"
    }]
  }],
  "supervisors": [{
    "supervisor": [{
      "refURL": "/unifiedconfig/config/agent/5174",
      "agentId": "1082",
      "firstName": "Rick",
      "lastName": "Barrows",
      "userName": "rbarrows@dcloud.cisco.com"
    }]
  }]
}
Object.keys(myjsonobj).forEach(function(key) {
  if (myjsonobj[key] === value) {
    delete myjsonobj[key];
  }
});
console.log(JSON.stringify(myjsonobj));

问题分析 #

原代码仅遍历了顶层对象的键，而目标元素嵌套在myjsonobj.agents[0].agent数组中，根本没触达要操作的位置，因此无法删除目标元素。

正确实现方案 #

方法1：使用filter过滤数组（推荐） #

filter会返回新数组，包含所有符合条件的元素，直接替换原数组即可：

let value = "/unifiedconfig/config/agent/5197";

var myjsonobj = { /* 原对象内容不变 */ };

// 定位到agent数组，过滤掉refURL匹配value的元素
myjsonobj.agents[0].agent = myjsonobj.agents[0].agent.filter(agent => agent.refURL !== value);

// 可选：更新agentCount，保持数据一致性
myjsonobj.agentCount = myjsonobj.agents[0].agent.length;

console.log(JSON.stringify(myjsonobj));

方法2：使用splice删除指定索引 #

如果需要在原数组上修改，可先找到目标元素的索引，再用splice删除：

let value = "/unifiedconfig/config/agent/5197";

var myjsonobj = { /* 原对象内容不变 */ };

const agentArray = myjsonobj.agents[0].agent;
const targetIndex = agentArray.findIndex(agent => agent.refURL === value);

// 找到索引后删除元素
if (targetIndex !== -1) {
  agentArray.splice(targetIndex, 1);
  // 更新agentCount
  myjsonobj.agentCount = agentArray.length;
}

console.log(JSON.stringify(myjsonobj));

说明 #

• 两种方法都能精准删除refURL匹配指定值的agent对象
• 建议同步更新agentCount字段，保证数据一致性
• 若需支持更复杂的嵌套结构，可编写递归函数遍历，但针对当前数据结构，上述方法足以解决问题

内容的提问来源于stack exchange，提问作者Ganesh Putta