js array fill数组的填充|极客笔记

js array fill数组的填充

介绍

在JavaScript中，数组是一种非常常用的数据类型。它可以用来存储多个值，并且可以通过索引访问和操作这些值。JavaScript提供了许多方法来操作数组，其中一个非常实用的方法是fill()方法。

fill()方法用来将一个固定值填充到数组的指定位置上。该方法会改变原始数组，返回填充后的数组。

语法

array.fill(value, start, end)

value：用来填充数组的值。
start（可选）：填充的起始位置。默认为0。
end（可选）：填充的结束位置（不包含）。默认为数组的长度。

示例代码

const array = [1, 2, 3, 4, 5];
console.log(array.fill(0));
// 输出：[0, 0, 0, 0, 0]

console.log(array.fill(9, 2, 4));
// 输出：[0, 0, 9, 9, 0]

console.log(array.fill(8, -1));
// 输出：[0, 0, 9, 9, 8]

fill()方法的使用示例

示例一：将数组填充为相同的值

const array = [1, 2, 3, 4, 5];
console.log(array.fill(0));

输出为：[0, 0, 0, 0, 0]

上述代码中，我们创建了一个包含5个元素的数组array，然后使用fill(0)方法将数组的所有元素都填充为0。最后通过console.log()打印结果。

示例二：填充特定范围内的值

const array = [1, 2, 3, 4, 5];
console.log(array.fill(9, 2, 4));

输出为：[1, 2, 9, 9, 5]

上述代码中，我们创建了一个包含5个元素的数组array，然后使用fill(9, 2, 4)方法将从索引为2的位置（包含）到索引为4的位置（不包含）的元素填充为9。最后通过console.log()打印结果。

示例三：使用负数索引

const array = [1, 2, 3, 4, 5];
console.log(array.fill(8, -1));

输出为：[1, 2, 3, 4, 8]

上述代码中，我们创建了一个包含5个元素的数组array，然后使用fill(8, -1)方法将数组的最后一个元素填充为8。由于-1表示倒数第一个元素，所以填充的起始位置为倒数第一个元素。最后通过console.log()打印结果。

总结

fill()方法是JavaScript数组中一个非常有用的方法，它可以方便地将数组的某些或全部元素填充为指定的值。我们可以根据需要指定填充的起始位置和结束位置，还可以使用负数索引。fill()方法直接修改了原始数组，因此需要注意。

js array fill数组的填充