為什麼 JavaScript 的「map」方法在使用「new Array(count)」建立的陣列上失敗？

了解陣列建立和 map 方法行為

map 方法是 JavaScript 中用於轉換陣列中元素的強大工具。但是，在使用 new Array(count) 建立的陣列上使用它時，您可能會遇到意想不到的結果。

陣列建立

新的 Array(count) 語法建立一個具有指定元素數量的陣列。但是，這些元素未使用任何預設值進行初始化，從而導致數組中充滿了未定義的值。

map 方法行為

map 方法將函數應用於陣列中的每個元素並傳回包含修改後的元素的新陣列。對於使用 new Array(count) 建立並填入未定義值的數組，map 方法不會更改這些值，因為 undefined 在 JavaScript 中不會計算為 true。

真實場景

考慮以下程式碼：

var x = new Array(3);
console.log(x.map(function() { return 0; }));

此程式碼建立一個包含三個未定義元素的陣列。當您應用map方法時，它不會更改元素，並且輸出仍然是一個具有未定義值的陣列。

解決方案

要解決此問題，您可以用任何值填充數組（甚至未定義）使用 Array.prototype.fill()。這確保了map方法有可以使用的值。

var x = new Array(3).fill(undefined);
console.log(x.map(function() { return 0; })); // [0, 0, 0]

以上是為什麼 JavaScript 的「map」方法在使用「new Array(count)」建立的陣列上失敗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！