JavaScript数组fill()方法

介绍

fill() 方法用于将数组的所有元素都赋一个静态值，可以替换数组中的元素或者扩充数组。该方法会修改原来的数组，而不是创建一个新的数组。

语法

array.fill(value[, start[, end]])

• value：要填充的值。
• start：起始索引，默认为0。
• end：结束索引，默认为数组的长度。

示例

替换数组元素

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

上面代码将数组 array 中索引为2到4之间的元素全部替换为0。

扩充数组

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

上面代码将数组 array 的构造扩充到8个元素，前5个元素保持原样，后3个元素填充为0。

注意事项

• fill() 方法会改变原有数组，如果不想修改原有数组，需要使用浅拷贝的方式。
• fill() 方法不适用于稀疏数组，因为它不会修改不存在的索引处的值。

总结

fill() 方法是一个方便快捷的数组元素批量赋值工具，可以用来替换数组元素或者扩充数组。使用时需要注意方法的参数和限制条件，以免产生不必要的错误。