在前端开发中，数组是非常常见且重要的数据结构。在某些情况下，我们需要将数组中的元素填充为特定的值，这时就可以使用 ECMAScript 2017 中新增的 Array.prototype.fill() 方法来进行数组填充操作。本文将详细介绍该方法的使用方法及示例。
Array.prototype.fill() 方法简介
Array.prototype.fill() 方法可以将一段数组填充为指定的值，语法如下：
arr.fill(value, start, end)
其中，参数含义如下：
- value：填充的值
- start：开始填充的索引，默认值为 0
- end：结束填充的索引（不包含该索引），默认值为数组的长度
该方法会修改原数组，并返回该数组。我们可以通过该方法来实现以下功能：
- 将数组所有元素初始化为某个值
- 替换数组的一段元素为指定值
接下来，我们将分别介绍该方法的这两种使用方法。
实例：将数组所有元素初始化为某个值
我们可以通过 Array.prototype.fill() 方法来将数组所有元素初始化为某个值，如下：
const arr = new Array(3).fill(0); console.log(arr); // [0, 0, 0]
上述代码中，创建了一个长度为 3 的数组，并将所有元素初始化为 0。
实例：替换数组的一段元素为指定值
我们可以通过 Array.prototype.fill() 方法来替换数组的一段元素为指定值，如下：
const arr = [1, 2, 3, 4]; arr.fill(0, 1, 3); console.log(arr); // [1, 0, 0, 4]
上述代码中，将数组索引 1 到索引 3（不包含）的元素替换为 0。
注意事项
在使用 Array.prototype.fill() 方法时需要注意以下几点：
- 方法会修改原数组，因此在使用该方法时需要注意是否需要保留原数组
- 该方法是在 ECMAScript 2017 中新增的，如果需要兼容较老版本的浏览器，则需要进行兼容性处理
总结
本文介绍了 ECMAScript 2017 中新增的 Array.prototype.fill() 方法的使用方法及示例。使用该方法可以方便地进行数组填充操作。在使用该方法时需要注意是否需要保留原数组，并进行兼容性处理。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652c910c7d4982a6ebe3d297