JavaScript中splice()方法运行未得到预期结果如何解决？

Array.splice() 会直接修改原数组，每次执行删除操作后，剩余元素的索引会立即重排，你代码里按初始数组的固定索引连续删除，实际删除的元素和预期完全不符，执行过程如下：

• 初始数组：["1", "2", "3", "4", "5"]
• 第一次执行nums.splice(0, 1)：删除索引0的"1"，数组变为["2", "3", "4", "5"]
• 第二次执行nums.splice(1, 1)：删除当前数组索引1的"3"，数组变为["2", "4", "5"]
• 第三次执行nums.splice(2, 1)：删除当前数组索引2的"5"，最终数组为["2", "4"]，和目标结果不符。

根据需求选对应写法即可：

• 方案1：单次调用splice直接删除前3个元素（最简洁，适合连续删除开头元素的场景）

const nums = ["1", "2", "3", "4", "5"];
nums.splice(0, 3); // 从索引0开始，连续删除3个元素
console.log(nums); // 输出 ["4", "5"]

• 方案2：从后往前删除（适合需要按原索引逐个删除不连续位置元素的场景，不会打乱未处理元素的索引）

const nums = ["1", "2", "3", "4", "5"];
nums.splice(2, 1); // 先删原索引2的"3"
nums.splice(1, 1); // 再删原索引1的"2"
nums.splice(0, 1); // 最后删原索引0的"1"
console.log(nums); // 输出 ["4", "5"]

• 方案3：用slice截取目标片段（不会修改原数组，适合需要保留原始数组的场景）

const nums = ["1", "2", "3", "4", "5"];
const result = nums.slice(3); // 截取索引3到末尾的所有元素
console.log(result); // 输出 ["4", "5"]

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