JavaScript数组操作：高效移除指定元素的最优方案

1. 使用Array.filter()（推荐，函数式风格） #

这是最贴合现代JavaScript写法的方案，它不会修改原数组，而是返回过滤后的新数组，彻底避免了splice带来的索引混乱问题，同时扩展性极强——只需把要移除的元素统一放到集合中即可。

示例代码：

const myArray = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
const elementsToRemove = new Set(['banana', 'date']); // 用Set提升查找效率

const filteredArray = myArray.filter(item => !elementsToRemove.has(item));
console.log(filteredArray); // ['apple', 'cherry', 'elderberry']

• 优势：代码简洁、无副作用（不改动原数组）、查找效率高（Set的has方法是O(1)，比数组includes的O(n)更快）、扩展性好——新增要移除的元素直接往Set里加就行，不用修改遍历逻辑。
• 注意：如果必须直接修改原数组而非返回新数组，这个方法不适用，可以看下面的原地修改方案。

2. 原地修改的优化方案（规避splice的索引问题） #

如果需要直接修改原数组，可以用双指针法或反向遍历法，避免splice导致的索引偏移问题：

双指针法（高效原地修改） #

let myArray = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
const elementsToRemove = new Set(['banana', 'date']);

let pointer = 0;
for (const item of myArray) {
  if (!elementsToRemove.has(item)) {
    myArray[pointer] = item;
    pointer++;
  }
}
myArray.length = pointer; // 截断数组到有效长度
console.log(myArray); // ['apple', 'cherry', 'elderberry']

• 优势：原地修改、时间复杂度O(n)（仅一次遍历）、没有splice的性能损耗（splice会移动数组元素，最坏情况时间复杂度为O(n²)）。

反向遍历法 #

如果习惯用索引遍历，反向遍历可以避免splice后手动调整索引的麻烦：

let myArray = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
const elementsToRemove = new Set(['banana', 'date']);

for (let i = myArray.length - 1; i >= 0; i--) {
  if (elementsToRemove.has(myArray[i])) {
    myArray.splice(i, 1);
  }
}
console.log(myArray); // ['apple', 'cherry', 'elderberry']

• 优势：反向遍历时，移除当前元素不会影响前面未遍历的元素索引，不需要手动递减i，逻辑更简单。

原方案中splice的潜在问题 #

你原来的代码里手动递减i是正确的，但如果遗漏这一步，就会跳过下一个元素——因为splice移除元素后，后面的元素会往前移动一位，原i+1位置的元素会移到i的位置，而循环会继续执行i++，导致跳过该元素。比如数组是['a','b','b','c']，移除'b'时，第一次移除索引1的'b'后数组变成['a','b','c']，若不i--，下一次i变成2，就会跳过索引1的'b'。

总结 #

• 不需要修改原数组：优先用filter+Set，代码简洁高效。
• 需要原地修改：用双指针法（性能最优）或反向遍历+splice（逻辑简单）。
• 扩展性：所有方案都只需维护elementsToRemove集合，新增移除元素直接添加到集合即可，无需修改遍历逻辑。

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