javascript - js中数组的undefined为什么不会被遍历

问题描述

问题描述并不全面

我的问题是，当我的数组是如下定义的时候：

let a = [undefined, undefined]a[9] = 1console.log(a)//[undefined, undefined, undefined × 7, 1]

这里自动生成的undefined与我定义的有什么区别吗?

为什么我用自带遍历的时候也不会遍历到他们?

a.forEach(it => console.log(it)) // 也只会有三个结果

问题解答

因为你定义的是一个稀疏数组(sparse array,数组长度比数组元素个数大的数组). 可以用in检测它的数组元素是否存在:

’0’ in a // true,索引存在.’1’ in a // true’2’ in a // false,索引不存在’9’ in a // true

而 forEach 只会遍历原本那些索引存在的元素.

这里自动生成的undefined与我定义的有什么区别吗?

这是数组的一个陷阱，此 undefined 非彼 undefined。自动生成的叫“empty slots”，恰好 chrome 对它显示 undefined 而已。你也可以看到，真正的 undefined 是一个个输出来的，empty slots 是输出“undefined × 7”这样的字样。

forEach, map 之类的都会跳过 empty slots。解决方法可以参考

console.log(Array.from(a))回答3：

因为forEach就是这么写的，自带的forEach遇到undefined会continue你可以自己写一个不跳过的版本

你可以换一个角度想这个问题：var a = [1,2,3,4]delete a[0]console.log(a)//[undefined × 1, 2, 3, 4]a.length//4a.forEach(it=>console.log(it))// 2 3 4回到问题上，forEach封装的时候，会跳过这个“undefined”,你可以重写一下这个方法，无论是什么样子的值，应该都是可以正常打印的