ES8 是ECMAScript标准的第8个版本，它包含了一些新的功能和特性，其中一个重要的特性就是Array.prototype.fill()。
Array.prototype.fill() 可以用来填补 JavaScript 中数组中的空缺。通常在开发前端应用时，我们需要创建一个指定长度的数组，以便存储一些数据。在使用 fill() 函数之前，我们通常需要使用循环语句来创建一个数组，并且再使用赋值语句一个一个地给元素赋值，这样的过程繁琐而且容易出错。
接下来，我将会介绍如何使用 Array.prototype.fill() 填充数组元素。
使用语法
通过 Array.prototype.fill() 方法，我们可以创建一个全新的值填充数组每一个元素，语法如下所示：
arr.fill(value[, start[, end]])
其中，value 参数用来指定填充数组的值；start 参数用来指定填充开始位置（默认值为 0）；end 参数用来指定填充结束位置（默认值为 arr.length）。
示例代码
我们可以很轻松地使用 fill() 函数来填充数组，下面是一个示例代码：
const arr1 = [1, 2, 3, 4, 5]; arr1.fill(6, 1, 4); console.log(arr1); // [1, 6, 6, 6, 5]
在上面的代码中，我们使用 fill() 函数将数组的第 2 个到第 4 个位置（不包括第 4 个位置）的元素都设置为 6，从而得到了新的数组 [1, 6, 6, 6, 5]。
给数组赋值
除了空缺填充之外，我们还可以使用 fill() 函数来快速给数组赋值。下面是一个赋值示例代码：
const arr2 = new Array(10).fill(18); console.log(arr2); // [18, 18, 18, 18, 18, 18, 18, 18, 18, 18]
在上面的代码中，我们使用 fill() 函数将数组中的所有元素都设置为 18，得到了新的数组 [18, 18, 18, 18, 18, 18, 18, 18, 18, 18]。
总结
在 ES8 中使用 Array.prototype.fill() 函数可以快速填充数组中的空缺，也可以用来快速给数组赋值。使用这个函数可以让我们的代码更加简洁和易于读取。如果你在开发前端应用时需要使用数组，不妨试试使用 fill() 函数，相信你会爱上它的便捷和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ab7e5148841e98947542cf