問題描述

問題描述并不全面

我的問題是，當我的數組是如下定義的時候：

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

這里自動生成的undefined與我定義的有什么區(qū)別嗎?

為什么我用自帶遍歷的時候也不會遍歷到他們?

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與我定義的有什么區(qū)別嗎?

這是數組的一個陷阱，此 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”,你可以重寫一下這個方法，無論是什么樣子的值，應該都是可以正常打印的