如何在 JavaScript 中用零或對象填充數組

在 JavaScript 中，您可以使用 Array.fill() 用零或任何其他值（如對像或字符串）填充數組的方法。此方法將數組中的所有元素替換為您要填充數組的值，並返回修改後的數組。

例如，如果你想創建一個有五個槽的數組並用 0 填充它 ，您可以執行以下操作：

const array = new Array(5).fill(0);

console.log(array);

// [0, 0, 0, 0, 0]

您還可以指定開始的位置（默認 0 ) 和結束 (默認 array.length ) 填充物。默認情況下，所有元素都將被填充。下面是一個指定填充位置的例子：

const fruits = ['🍕', '🍔', '🍰', '🍩', '🍣'];

const filled = fruits.fill('🎂', 2, 4);

console.log(filled);

// ['🍕', '🍔', '🎂', '🎂', '🍣']

Array.fill() 方法適用於 JavaScript 不可變值，如字符串、數字和布爾值。如果你想用對象填充數組怎麼辦？

const filled = new Array(3).fill({ pizza: '🍕' });

console.log(filled);

// [{ pizza: '🍕' }, { pizza: '🍕' }, { pizza: '🍕' }]

上面的例子用對象填充了一個數組，但是數組中的每個槽都指向同一個對象。所以如果你像下面這樣修改對象：

filled[0].pizza = '🍰';

它將更新數組中的每個對象，因為它們都引用同一個對象：

[{ pizza: '🍰' }, { pizza: '🍰' }, { pizza: '🍰' }]

要使用對象填充數組，您應該使用 Array.from() 方法。此方法從類數組或可迭代對象創建一個新數組：

const filled = Array.from({ length: 3 }, () => ({ pizza: '🍕' }));

filled[0].pizza = '🍰';

console.log(filled);

// [{ pizza: '🍰' }, { pizza: '🍕' }, { pizza: '🍕' }]

瀏覽器兼容性

Array.fill() 方法是 ES6 的一部分，僅適用於現代瀏覽器。但是，您可以使用 polyfill 來支持 Internet Explorer 等舊瀏覽器。

要詳細了解 JavaScript 數組以及如何使用它們將多條信息存儲在一個變量中，請查看這篇文章。