如何在JavaScript中删除数组中id为2的元素？代码无法生效求解决

嘿，我来帮你排查下问题～你当前的代码没法删除目标元素，核心原因是**indexOf()的用法不对**：

你写的clubs.indexOf(2)是在数组里找值严格等于2的元素，但你的数组里全是{id: x, name: y}这样的对象，根本没有直接等于2的元素，所以indexOf()会返回-1，导致后续的splice()根本没执行。

下面给你两种可行的解决办法：

方法1：修改原数组（用findIndex + splice） #

如果需要直接修改原数组，可以先用findIndex()找到id为2的元素的索引，再用splice()删除它：

var clubs = [ {id: 1, name : 'chelsea'}, {id: 2, name : 'city'}, {id: 3, name : 'liverpool'} ];
// 找到id等于2的元素的索引
const targetIndex = clubs.findIndex(item => item.id === 2);
// 确认找到后再删除
if (targetIndex !== -1) {
  clubs.splice(targetIndex, 1);
}
console.log(clubs); // 输出：[{id: 1, name: 'chelsea'}, {id: 3, name: 'liverpool'}]

方法2：返回新数组（用filter，更推荐） #

如果不想修改原数组（这种方式在前端框架比如React里更常用，符合纯函数的设计思想），可以用filter()过滤掉id为2的元素，得到一个新数组：

var clubs = [ {id: 1, name : 'chelsea'}, {id: 2, name : 'city'}, {id: 3, name : 'liverpool'} ];
const updatedClubs = clubs.filter(item => item.id !== 2);
console.log(updatedClubs); // 输出目标结果
// 原数组clubs不会被改变

这两种方法都能帮你达成删除id为2的元素的需求，你可以根据自己的场景选择～

内容的提问来源于stack exchange，提问作者moses toh