用map（）遍历+splice（）删除元素处理数组时，会跳过连续相同的两个元素中的一个

Question

想请问下为什么在用map（）遍历+splice（）删除元素处理数组时，会跳过连续相同的两个元素，只处理一个

就像下面这样，输出的结果是[1,2,3]，自己有查数组元素不被访问的情况可能是什么原因：

map 方法处理数组元素的范围是在 callbackFn 方法第一次调用之前就已经确定了。调用 map 方法之后追加的数组元素不会被 callbackFn 访问。如果存在的数组元素改变了，那么传给 callbackFn 的值是 map 访问该元素时的值。在 map 函数调用后但在访问该元素前，该元素被删除的话，则无法被访问到。

可是还是没太懂为什么，要是被删除的话，删除的不是第一个2吗，第二个2怎么没被访问到

let a = [1,2,2,3,2];
a.map((val, n) => {
          if(val === 2){
             a.splice(n,1);
    }})
console.log(a);

Answer 1

这个不用猜吧，测试一下就晓得

var a = [1,2,2,3,2];
a.map((val, n) => {
  console.log('====进入循环a:', JSON.stringify(a), '--------此时n为:' + n)
  if(val === 2){
    a.splice(n,1);
    console.log('删除后a:', JSON.stringify(a))
}})
console.log(a);


====进入循环a: [1,2,2,3,2] --------此时n为:0
====进入循环a: [1,2,2,3,2] --------此时n为:1
 删除后a: [1,2,3,2]
 ====进入循环a: [1,2,3,2] --------此时n为:2
====进入循环a: [1,2,3,2] --------此时n为:3
删除后a: [1,2,3]
[1, 2, 3]

循环只进了4次，但是一开始数组长度是5，从这里可以可看出进入循环的次数是由数组实时的长度决定的，当执行第一次删除后数组变成[1,2,3,2],此时下一个循环处理的下角标为2，这个时候就相当于对比的是[1,2,3,2]中的3，所以2被跳过了。总结就是数组在循环处理的时候是按照数组的实际长度遍历循环的，这里可以测试一次，如果判断第一个2的时候，我直接删掉后面4个元素，这个时候看看数组还进不进循环

var a = [1,2,2,3,2];
a.map((val, n) => {
  console.log('====进入循环a:', JSON.stringify(a), '--------此时n为:' + n)
  if(val === 2){
    a.splice(n,4);
    console.log('删除后a:', JSON.stringify(a))
}})
console.log(a);

====进入循环a: [1,2,2,3,2] --------此时n为:0
====进入循环a: [1,2,2,3,2] --------此时n为:1
删除后a: [1]
[1]

此时可以看到删除后不会再进入循环了，印证观点。只是用现象结论得出数组结论