javascript - js中數組的undefined為什麼不會被遍歷

Question

問題描述並不全面

我的問題是，當我的陣列是如下定義的時候：

let a = [undefined, undefined]

a[9] = 1

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

這裡自動產生的undefined與我定義的有什麼不同嗎?

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

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

Answer 1

因為你定義的是一個稀疏數組(sparse array,數組長度比數組元素個數大的數組). 可以用in檢測它的數組元素是否存在:

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

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

Answer 2

這裡自動產生的undefined與我定義的有什麼差別嗎?

這是數組的一個陷阱，此 undefined 非彼 undefined。自動產生的叫“empty slots”，恰好 chrome 對它顯示 undefined 而已。你也可以看到，真正的 undefined 是一個個輸出來的，empty slots 是輸出「undefined × 7」這樣的字樣。

forEach, map 之類的都會跳過 empty slots。解決方法可以參考

console.log(Array.from(a))

Answer 3

因為forEach就是這麼寫的，自備的forEach遇到undefined會continue
你可以自己寫一個不跳過的版本

Answer 4

你可以換一個角度想這個問題：
var a = [1,2,3,4]
delete a[0]
console.log(a)//[undefined × 1, 2, 3, 4]
a.length//4
a.forEach(it=>console.log(it))// 2 3 4
回到問題上，forEach封裝的時候，會跳過這個“undefined”,你可以重寫一下這個方法，無論是什麼樣子的數值，應該都是可以正常列印的