在前端开发中，我们经常需要对数组进行操作，其中一个常见的操作就是数组赋值。在 ES9 中，新增了一个 Array 的方法 fill()，可以用来解决数组赋值问题。本文将详细介绍 fill() 方法的使用及其指导意义，并提供相关示例代码。
fill() 方法的使用
fill() 方法可以用来填充一个数组中的所有元素，其语法如下：
array.fill(value[, start[, end]])
其中，value 表示需要填充的值，start 表示开始填充的位置，end 表示结束填充的位置（不包括 end 位置的元素）。如果不传入 start 和 end 参数，则默认填充整个数组。
fill() 方法会修改原数组，如果需要保留原数组，可以使用 slice() 方法创建一个新的数组。
下面是一个简单的示例：
const arr = [1, 2, 3, 4, 5]; arr.fill(0, 2, 4); console.log(arr); // [1, 2, 0, 0, 5]
上面的代码中，我们将数组 arr 中从索引 2 到索引 4（不包括索引 4）的元素填充为 0。
fill() 方法的指导意义
fill() 方法可以大大简化数组赋值的操作，使代码更加简洁和易读。同时，fill() 方法也可以用来初始化一个数组，如下所示：
const arr = new Array(10).fill(0); console.log(arr); // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
上面的代码中，我们创建了一个长度为 10 的数组，并将其所有元素初始化为 0。
除了用来填充数组，fill() 方法还可以用来清空数组，如下所示：
const arr = [1, 2, 3, 4, 5]; arr.fill(0); console.log(arr); // [0, 0, 0, 0, 0]
上面的代码中，我们将数组 arr 中的所有元素清空为 0。
示例代码
下面是一个综合示例，用来演示 fill() 方法的多种用法：
-- -------------------- ---- ------- ----- --- - --- ------------------ ----------------- -- --- -- -- -- -- -- -- -- -- -- ----------- -- --- ----------------- -- --- -- -- -- -- -- -- -- -- -- ----------- --- ----------------- -- --- -- -- -- -- -- -- -- -- -- ------------ ----------------- -- --- -- -- -- -- -- -- -- -- -- ----- ---- - --- -- -- -- --- ----- ---- - --------------------- ------------------ -- --- -- -- -- -- ------------------ -- --- -- -- -- --
上面的代码中，我们首先创建一个长度为 10 的数组，并将其所有元素初始化为 0。接着，我们使用 fill() 方法对其进行了多次操作，包括填充部分元素、填充全部元素、以及清空数组。最后，我们使用 slice() 方法创建了一个新的数组，并保留了原数组的值。
总结
fill() 方法是 ES9 中新增的一个 Array 方法，可以用来填充数组中的所有元素，也可以用来清空数组或初始化一个数组。fill() 方法的使用可以大大简化数组赋值的操作，使代码更加简洁和易读。同时，fill() 方法也可以用来创建一个新的数组，并保留原数组的值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/655ecb12d2f5e1655d8f172e