js 数组删除元素：JavaScript 数组删除元素详解

在 JavaScript 中，数组是一种非常常用的数据结构，而删除数组中的元素是开发中常见的操作之一，本文将详细介绍几种常用的删除数组元素的方法，包括 splice()、filter()、pop()、shift() 以及 slice() 结合赋值等方法，并分析它们的使用场景和注意事项。

splice() 方法

splice() 是 JavaScript 中最常用的删除数组元素的方法之一，它可以直接修改原数组，删除指定索引位置的元素，并可以添加新元素。

语法：

array.splice(start, deleteCount);

• start：指定从哪个索引开始删除元素。
• deleteCount：要删除的元素个数，如果省略，默认删除从 start 开始的所有元素。

示例：

let arr = [1, 2, 3, 4, 5];
arr.splice(1, 2); // 删除索引1和2的元素，结果为 [1, 4, 5]

注意事项：

• splice() 会直接修改原数组，如果需要保留原数组，可以先复制一份再操作。
• start 超出数组长度，不会报错，但也不会有任何操作。

filter() 方法

filter() 方法用于创建一个新数组，其中包含所有通过测试的元素，它不会修改原数组，而是返回一个新数组。

语法：

let newArr = array.filter(callback(element[, index, array])[, thisArg]);

示例：

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

优点：

• 不会修改原数组,适合需要保留原数组的场景。
• 可以同时删除多个元素,只需在条件中判断。

pop() 和 shift() 方法

• pop()：删除数组的最后一个元素，并返回该元素。
• shift()：删除数组的第一个元素，并返回该元素。

示例：

let arr = [1, 2, 3, 4, 5];
arr.pop(); // 删除最后一个元素，结果为 [1, 2, 3, 4]
arr.shift(); // 删除第一个元素，结果为 [2, 3, 4]

注意事项：

• 这两个方法只能删除单个元素,且只能从数组的两端删除。
• 同样会修改原数组。

slice() 方法

slice() 方法用于提取数组的一部分，但它不会修改原数组，而是返回一个新数组，如果需要删除元素，可以结合 slice() 和赋值来实现。

示例：

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(0, 2); // 提取索引0到1的元素，结果为 [1, 2]

使用场景：

• 当需要删除数组中间的元素时,可以使用 slice() 提取需要保留的部分，然后重新赋值。

总结与选择建议

选择建议：

• 如果需要删除单个元素且可以修改原数组,使用 splice()。
• 如果需要保留原数组或删除多个元素,使用 filter()。
• 如果只需要删除数组的首尾元素,使用 pop() 或 shift()。
• 如果需要删除中间的元素,可以使用 slice() 结合赋值。

小技巧：删除多个不连续的元素

如果需要删除多个不连续的元素,可以使用 filter() 方法，通过索引判断：

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

通过本文的介绍,相信你已经掌握了 JavaScript 中常用的数组删除元素方法，根据实际需求选择合适的方法，可以更高效地完成开发任务。