数组splice处理连续结尾为y的元素失效，如何修复？

问题根源 #

你遇到的问题是正向遍历数组时使用splice删除元素导致索引跳过：
当你删除索引i的元素后，数组中i之后的所有元素都会向前移动一位，原本位于i+1的元素会变成新的i位置。但循环的i会继续自增，直接跳过了这个刚移过来的元素，所以连续结尾为y的元素中，只有第一个会被删除，后续的会被漏检。

比如你的例子里，elderberry（索引4）被删除后，huckleberry移到了索引4，但i自增到5，直接检查incaberry（原索引6，现在索引5），跳过了huckleberry，导致它和后面的incaberry都没被处理。

修复方案 #

方案1：反向遍历数组

从数组末尾开始向前遍历，这样删除元素不会影响未遍历的元素索引，所有符合条件的元素都会被检查到：

var fruitList = ["apple", "banana", "cherry", "durian", "elderberry", "fig", "grape", "huckleberry", "incaberry", "juniper", "kapok", "lime", "mango", "nectarine", "olive", "plum", "quince", "rambutan", "strawberry", "tangerine", "ugli", "vanilla", "watermelon", "xigua", "yarrow", "zhe"];
for (var i = fruitList.length - 1; i >= 0; i--) {
  // 用slice(-1)更简洁地获取最后一个字符
  if (fruitList[i].slice(-1) === "y") {
    fruitList.splice(i, 1);
  }
}
console.log(fruitList);

方案2：使用filter方法（推荐）

这是现代JavaScript更简洁、易读的写法，直接筛选出不符合删除条件的元素，返回新数组（如果需要修改原数组，直接重新赋值即可）：

var fruitList = ["apple", "banana", "cherry", "durian", "elderberry", "fig", "grape", "huckleberry", "incaberry", "juniper", "kapok", "lime", "mango", "nectarine", "olive", "plum", "quince", "rambutan", "strawberry", "tangerine", "ugli", "vanilla", "watermelon", "xigua", "yarrow", "zhe"];
// 保留最后一个字符不是"y"的元素
fruitList = fruitList.filter(fruit => fruit.slice(-1) !== "y");
console.log(fruitList);

方案3：正向遍历回退索引

对原代码做最小修改：删除元素后，手动将i减1，确保下一次循环会检查刚移过来的元素：

var fruitList = ["apple", "banana", "cherry", "durian", "elderberry", "fig", "grape", "huckleberry", "incaberry", "juniper", "kapok", "lime", "mango", "nectarine", "olive", "plum", "quince", "rambutan", "strawberry", "tangerine", "ugli", "vanilla", "watermelon", "xigua", "yarrow", "zhe"];
for (var i = 0; i < fruitList.length; i++) {
  if (fruitList[i].charAt(fruitList[i].length - 1) === "y") {
    fruitList.splice(i, 1);
    i--; // 删除后回退索引，避免跳过元素
  }
}
console.log(fruitList);

方案对比 #

• 反向遍历：适合需要直接修改原数组的场景，逻辑清晰。
• filter方法：代码最简洁，可读性最高，是推荐的现代写法，不会修改原数组（除非主动赋值）。
• 正向回退索引：对原代码改动最小，但可读性稍差，容易忘记回退索引导致问题。

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