爲什麼不能映射'undefined'數組

Question

正如標題所說，爲什麼我不能映射包含undefined項目的數組？

var foo = new Array(3); 
// [ , , ] 
var bar = [null, null, null]; 
// [null, null, null] 

foo.map(function(val){return 'test'}); 
// [ , , ] 
bar.map(function(val){return 'test'}); 
// ['test', 'test', 'test'] 

也許是愚蠢的問題，但我真的想知道原因。

謝謝。

Answer 1

參見https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map#Description：

callback被調用僅對於已分配的值，包括undefined陣列的索引。不會調用缺失的數組元素（即從未設置過的索引，這些索引已被刪除或從未分配過值）。

這不起作用，因爲元素沒有被賦值。

如果使用

foo[0] = undefined; 
foo[1] = undefined; 
foo[2] = undefined; 

然後它會工作。

Answer 2

從MDN：

地圖調用提供回調函數一次用於在陣列中的每個元件中，爲了，並構造從結果的新數組。 僅對已分配值的數組的索引（包括未定義）調用回調。它不會被調用缺少數組的元素（也就是說，從未設置過的索引，這些索引已被刪除或從未分配過值）。