JavaScript Array fill()用法及代碼示例

用法:

arr.fill(value, start, end)

這裏，arr 是一個數組。

參數：

fill() 方法包含：

• value - 填充數組的值。
• start(可選) - 開始索引(默認為0)。
• end(可選) - 結束索引(默認為Array.length) (獨家的)。

返回：

• 返回修改後的 array ，填充 value 從 start 到 end 。

示例：使用 fill() 方法填充數組

var prices = [651, 41, 4, 3, 6];

// if only one argument, fills all elements
new_prices = prices.fill(5);
console.log(prices); // [ 5, 5, 5, 5, 5 ]
console.log(new_prices); // [ 5, 5, 5, 5, 5 ]

// start and end arguments specify what range to fill
prices.fill(10, 1, 3);
console.log(prices); // [ 5, 10, 10, 5, 5 ]

// -ve start and end to count from back
prices.fill(15, -2);
console.log(prices); // [ 5, 10, 10, 15, 15 ]

// invalid indexed result in no change
prices.fill(15, 7, 8);
console.log(prices); // [ 5, 10, 10, 15, 15 ]

prices.fill(15, NaN, NaN);
console.log(prices); // [ 5, 10, 10, 15, 15 ]

輸出

[ 5, 5, 5, 5, 5 ]
[ 5, 5, 5, 5, 5 ]
[ 5, 10, 10, 5, 5 ]
[ 5, 10, 10, 15, 15 ]
[ 5, 10, 10, 15, 15 ]
[ 5, 10, 10, 15, 15 ]

在這裏，我們可以看到 fill() 方法使用傳遞的值填充從 start 到 end 的數組。 fill() 方法在原地更改數組並返回修改後的數組。

start 和 end 參數是可選的，也可以是負數(倒數)。

如果 start 和 end 參數無效，則不會更新數組。