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

想请问下为什么在用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);

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

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]

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

splice 会改变原数组 但是map内 索引是没变的 这个功能还不如直接这么写
arr.map(item => return item !== 2)