JavaScript中使用splice移除CSV空数组元素时遗漏空行的问题

嘿，这个问题我太熟了——你踩中了遍历数组时直接修改原数组长度的经典坑！咱们来一步步理清楚为啥会残留空行：

当你用forEach遍历csv.data的时候，index是按顺序从0开始递增的。假设原本有6个空元素（也就是那些item.length < 2的项）：

1. 当你删除索引0的元素后，数组里剩下的所有元素都会往前挪一位——原来索引1的元素现在变成了索引0。
2. 但forEach的下一轮会直接处理索引1，这就跳过了现在位于索引0的那个空元素！
3. 这么循环下来，总有部分空元素会被漏掉，所以最后残留了2个空行（实际数量可能因数组内容略有不同，但核心原因就是遍历和修改数组的冲突）。

给你几个靠谱的解决方案： #

1. 倒序遍历（适合必须修改原数组的场景）

倒着遍历数组，就算删除当前元素，也不会影响还没遍历到的元素的索引——因为它们都在当前索引的左边，不会被前移操作影响：

for (let i = csv.data.length - 1; i >= 0; i--) {
  if (csv.data[i].length < 2) {
    csv.data.splice(i, 1);
  }
}

2. 使用filter()创建新数组（最推荐！）

如果可以替换原数组，filter()绝对是最优解——它会返回一个全新的数组，只保留符合条件的元素，完全避开了遍历+修改的冲突，代码还简洁到爆炸：

csv.data = csv.data.filter(item => item.length >= 2);

这种方式不仅易读，还能避免意外的副作用，日常开发里我几乎都是用这个方法做过滤。

3. 正向遍历手动调整索引

如果你非要用正向的for循环（注意forEach没法修改遍历的index），可以在删除元素后手动把索引减1，这样下一轮循环会重新检查当前位置的元素：

for (let i = 0; i < csv.data.length; i++) {
  if (csv.data[i].length < 2) {
    csv.data.splice(i, 1);
    i--; // 删除后回退索引，避免跳过下一个元素
  }
}

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