就像下面这样,输出的结果是[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)