为何Map的forEach循环删除元素有效，数组forEach却会遗漏元素？

先看你给出的两个实际案例：

数组的问题场景 #

let arr = [['One', 1], ['Two', 2], ['Three', 3], ['Four', 4]]
arr.forEach((i, ix) => i[1] <= 3 && arr.splice(ix,1)); // Two未被删除
console.log(arr) // 输出: [ [ 'Two', 2 ], [ 'Four', 4 ] ]

这里确实会漏掉['Two',2]，但换成Map就完全正常：

Map的正常场景 #

let map = new Map( [['One', 1], ['Two', 2], ['Three', 3], ['Four', 4]] );
map.forEach( (value,key) => value <= 3 && map.delete(key));
console.log([...map.entries()]) // 输出: [ [ 'Four', 4 ] ]

下面拆解两者的核心差异：

本质原因：遍历的底层逻辑完全不同 #

1. 数组forEach：依赖索引的顺序遍历 #

数组的forEach是按索引从0到length-1依次遍历的，而且它在循环启动前就确定了遍历的边界（或者说，每次循环都取当前索引对应的元素）。当你用splice(ix,1)删除当前索引的元素时，数组后面的所有元素都会向前移动一位，填补被删除元素的位置。

拿你的例子一步步看：

• 第一次遍历索引0：['One',1]符合条件被删除，数组变成[['Two',2], ['Three',3], ['Four',4]]
• 接下来要遍历索引1：此时数组索引1的元素是原来的['Three',3]，而原本在索引1的['Two',2]现在跑到了索引0的位置，直接被跳过了！
• 索引1的元素被删除后，数组变成[['Two',2], ['Four',4]]，接下来要遍历索引2，已经超出数组长度，循环直接结束。

简单说：数组forEach的索引是硬递增的，删除元素导致的移位会让后续元素"躲"过遍历。

2. Map的forEach：基于迭代器的集合遍历 #

Map是通过迭代器（Iterator）来遍历键值对集合的，它不依赖索引，而是逐个访问当前存在的键值对。当你在forEach里调用delete(key)时，Map的迭代器会自动调整遍历范围——它只会跳过已经遍历过的元素，剩下的未遍历元素依然会被正常访问到。

比如你的Map例子里，迭代器会依次检查One、Two、Three、Four这几个键，即使前面的键被删除，也不会影响后续未遍历的键被处理，所以所有符合条件的元素都会被删掉。

额外小技巧：如何避免数组forEach删元素漏项？ #

如果一定要在遍历数组时删除元素，可以试试这两种方法：

• 倒序遍历：从最后一个元素往前遍历，即使前面的元素移位，也不会影响未遍历的元素

  for (let ix = arr.length - 1; ix >= 0; ix--) {
    if (arr[ix][1] <= 3) arr.splice(ix, 1);
  }
  

• 使用filter创建新数组（更推荐，不修改原数组，更符合函数式编程思想）

  arr = arr.filter(item => item[1] > 3);
  

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