推荐 findIndex + splice 组合，因其不生成新数组、原地修改、逻辑清晰；需先判断索引有效性再删除，避免 splice(-1,1) 等错误操作。

用 findIndex 找到目标位置，再用 splice 删除，是最直接、可控且不产生新数组的方案。关键在于先确认索引存在，再执行删除操作，避免无效调用。

为什么推荐 findIndex + splice 组合

findIndex 不修改原数组，只返回匹配项的索引（没找到时为 -1）；splice 则原地修改，精准删掉一个或多个元素。两者配合，逻辑清晰、性能稳定，适合需要实时更新原始数组的场景（比如购物车状态管理、列表勾选同步）。

标准写法（安全、无副作用）

必须检查 findIndex 返回值是否有效，再调用 splice：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

• 基础示例：删除对象数组中 id === 8 的那一项

const index = arr.findIndex(item => item.id === 8);
if (index !== -1) arr.splice(index, 1);

• 一行简写（常用）：利用短路逻辑，更紧凑

const index = arr.findIndex(item => item.id === 8);
index > -1 && arr.splice(index, 1);

常见错误与避坑点

• 直接写 arr.splice(arr.findIndex(...), 1) —— 如果没找到，findIndex 返回 -1，splice(-1, 1) 会从末尾删一个元素，结果错乱
• 误用 delete arr[index] —— 这会让对应位置变成 empty，数组长度不变，遍历时容易出错
• 在 for 循环中边遍历边 splice —— 索引会偏移，导致漏删或重复删；应先收集所有待删索引，再倒序删除，或改用 filter

什么时候该换 filter？

如果不需要修改原数组，而是生成新数组（比如渲染前过滤、不可变数据流），filter 更简洁安全：

const newArr = arr.filter(item => item.id !== 8);

注意：filter 创建新数组，原数组不受影响；而 findIndex + splice 是就地更新，内存更省，也更适合状态同步类逻辑。