Angular 如何根据索引数组的匹配值删除对象数组的对应元素

原代码无法运行存在两个明确的逻辑错误：

• 检索逻辑完全错位：indexOf方法的作用是在目标数组中，查找和传入参数值严格相等的数组元素。你传入的参数是数字类型的待删除索引值（1/3/5），但objArray里存储的全是对象，二者类型、值都不可能匹配，所以方法永远返回-1，后续的if判断分支根本不会执行。
• 删除方式不符合预期：就算跳过判断直接执行delete objArray[indices[i]]，delete操作只会把对应索引位置的值置为empty，不会触发数组的索引重排、长度收缩，最终会得到带空槽的稀疏数组，和你想要的紧凑数组结构完全不一致。

方案1：生成独立结果数组（最稳定、无副作用） #

先将待删除的索引集合转为Set以获得O(1)的查找效率，再通过filter遍历原数组，保留不在删除索引范围内的元素即可：

const deleteIndexSet = new Set([1, 3, 5])
const resultArr = objArray.filter((item, currentIdx) => !deleteIndexSet.has(currentIdx))

执行完成后，resultArr的内容完全匹配你预期的[{name: "John"}, {name: "Steve"}, {name: "Tim"}]，全程不会改动原数组，也不存在索引偏移导致的删错问题。

方案2：原地修改原数组（直接改动原有objArray） #

如果业务要求必须直接修改原数组，不能生成新实例，需要注意必须从大到小遍历待删除的索引值：
每次执行数组删除操作时，后续的元素会自动向前移动补位，从小到大删除会导致后续待删索引的位置错位，出现漏删、错删的问题。从最大的索引开始删除时，所有位置比它小的元素完全不受影响，索引位置始终准确。
对应实现代码：

// 待删除索引按从大到小排序
indices.sort((a, b) => b - a)
// 从后往前删除指定位置的元素
for (const delIdx of indices) {
  objArray.splice(delIdx, 1)
}

代码执行完成后，原objArray会直接被修改为目标结构，数组长度收缩为3，没有遗留空槽。

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