js 数组批量删除

在 JavaScript 中，要批量删除数组中的元素，常见的方法有以下几种：

一、使用 filter 方法

这是较为简洁和常用的方法。它创建一个新数组，包含所有通过测试（回调函数返回 true）的元素。

示例代码：

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(item => item !== 2 && item!== 4);
console.log(newArr); // [1, 3, 5]

优势：

• 语法简单易懂。
• 不会修改原始数组，而是返回一个新数组。

应用场景：

• 根据特定的条件过滤数组元素。

二、使用 splice 方法

可以直接修改原始数组来删除元素。

示例代码：

let arr = [1, 2, 3, 4, 5];
let indicesToDelete = [1, 3]; // 要删除元素的索引
indicesToDelete.sort((a, b) => b - a); 
indicesToDelete.forEach(index => arr.splice(index, 1));
console.log(arr); // [1, 3, 5]

优势：

• 可以直接在原数组上进行修改。

劣势：

• 需要注意索引的变化，处理不当可能导致删除错误。
• 相对来说代码较复杂。

应用场景：

• 当需要在原始数组上进行操作，并且清楚要删除元素的位置时。

可能出现的问题及解决方法

问题：使用 splice 时删除元素出现顺序错误。 原因：在遍历数组删除元素时，如果没有对索引进行适当处理，会导致后续元素的索引变化，从而删除错误的元素。 解决方法：如上述示例中，先将要删除的索引排序为从大到小，这样删除元素不会影响未删除元素的索引。

问题：使用 filter 时条件判断错误导致删除不正确的元素。 原因：条件表达式编写有误。 解决方法：仔细检查条件逻辑，确保符合预期的删除规则。