精准删除列表中某个对象应使用对象引用比对而非值比对，因引用唯一且避免ID冲突、深比较开销及字段缺失问题；通过findIndex(item => item === targetItem)定位后用filter过滤实现安全删除。
要精准删除列表中某个对象，关键不是靠值比对，而是靠对象引用本身——findIndex() 返回匹配项的索引，配合严格相等（===）判断引用，能避免 ID 冲突、深比较开销或字段缺失导致的误删。
为什么用引用比对更可靠
当列表里存在多个属性相同但不同实例的对象（比如临时构造、API 重复返回、表单克隆），仅靠 id 或 name 字段查找可能匹配到错误项；而对象引用是唯一的内存地址标识，只要持有原对象（比如点击行时保存的 row），就能 100% 定位它。
基础删除逻辑写法
假设你有一个数组 list，并已持有待删对象 targetItem（不是它的副本，是原始引用）：
- 用
findIndex(item => item === targetItem)找到精确位置 - 检查返回值是否为
-1（未找到），避免静默失败 - 用
splice(index, 1)原地删除，或用filter创建新数组（推荐后者以保持不可变性）
实际使用中的常见场景
表格行删除：在 onClick 事件中传入当前行对象：<button onClick={() => handleDelete(row)}>删</button>function handleDelete(item) { const idx = list.findIndex(i => i === item); if (idx !== -1) setList(prev => prev.filter((_, i) => i !== idx)); }
避免意外丢失引用：不要对对象做浅拷贝再传入（如 {...row}），否则 === 判断一定失败；也不要用 JSON.stringify 比对，性能差且无法处理函数、undefined、循环引用。
进阶：支持多选批量删除
若需一次删多个引用对象，可改用 filter 配合 Set 提升效率：
- 把待删对象数组转为
Set：const toDelete = new Set(selectedItems) - 过滤时用
!toDelete.has(item)判断 - 相比多次
findIndex+splice，这种方式时间复杂度更低，且天然去重
不复杂但容易忽略：确保你持有的是原始对象引用，而不是某次渲染时生成的新对象。只要这点成立，findIndex 结合 === 就是最轻量、最准确的删除定位方式。
