📜  JavaScript数组fill()

📅  最后修改于: 2020-09-27 05:40:12             🧑  作者: Mango

JavaScript Array fill()方法通过用静态值填充所有元素来返回数组。

fill()方法的语法为:

arr.fill(value, start, end)

在这里, arr是一个数组。


fill()参数

fill()方法包含:

  • -值填补与阵列。
  • start (可选)-开始索引(默认为0 )。
  • end (可选)-结束索引(默认为Array.length )(不包括)。

从fill()返回值
  • 返回修改后的数组 ,填充开始结束

笔记:

  • 如果startend为负,则索引从后开始计数。
  • 由于fill()是一个mutator方法,因此它将更改数组本身(而不是副本)并返回它。

示例:使用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()方法从开始填充阵列与传递的价值来结束fill()方法更改数组并返回修改后的数组。

startend参数是可选的,也可以为负(以向后计数)。

如果开始结束参数无效,则不更新数组。


推荐读物: JavaScript数组