#ES7 Array.prototype.fill 方法详解
ES7的Array.prototype.fill 方法为开发者提供了一种快速填充数组的方式。该方法能够在一个数组中填充给定的值，无需对数组进行遍历或使用循环。本文将详细介绍Array.prototype.fill的使用方法，并提供示例代码帮助您理解该方法的使用情景。
##Array.prototype.fill方法概述
Array.prototype.fill 方法的格式如下：
array.fill(value[, start[, end]])
*value：必需，表示填充的值。 *start：可选，表示填充的起始位置。默认为0。 *end：可选，表示填充的结束位置。默认为array.length。
fill方法会在数组中填充value值，从start位置开始，到end位置结束（如果end位置为空，则填充到数组末尾）。
##使用Array.prototype.fill方法填充数组
假设我们要创建一个数组，长度为5，并将所有值填充为0。使用fill方法可以通过以下方式轻松地实现：
const arr = new Array(5).fill(0); console.log(arr); // [ 0, 0, 0, 0, 0 ]
我们还可以从指定位置开始填充：
const arr = [1, 2, 3, 4, 5, 6]; arr.fill(0, 2); // 从索引2开始填充0 console.log(arr); // [ 1, 2, 0, 0, 0, 0 ]
或指定填充的结束位置：
const arr = [1, 2, 3, 4, 5, 6]; arr.fill(0, 2, 4); //从索引2到索引4填充0 console.log(arr); // [ 1, 2, 0, 0, 5, 6 ]
##是填充指定区域内的所有索引
可以使用fill方法来填充区域内的所有索引，如下所示：
const arr = new Array(5).fill().map((_, idx) => idx + 1); console.log(arr); // [ 1, 2, 3, 4, 5 ]
这里使用fill方法在数组中填充空值，然后在map方法中使用了索引来创建新值。如果您需要一个特定大小的数组并且提前知道大小，则此方法是非常有用的，也非常简单。
##在现有数组中使用fill方法来替代循环
在过去，要在现有数组中进行遍历，然后将每个元素的值替换为新的值，开发人员需要使用循环。但现在，在ES7中，我们可以使用Array.prototype.fill方法来更快地完成该过程。下面是一个使用fill方法的示例代码：
let arr = [1, 2, 3, 4, 5, 6]; arr.fill(0, 0, arr.length); console.log(arr); // [ 0, 0, 0, 0, 0, 0 ]
队列中的每个元素现在都被填充为0，而无需循环。
##在使用fill方法时请注意
当您使用fill方法时，请记住以下要点：
1.在默认情况下，fill方法会在整个数组中填充值。如果需要在特定区域内填充，请指定起始位置和/或结束位置。 2.fill方法将改变原始数组，而不是创建一个新的数组。 3.如果要填充字符串，请注意该字符串中的元素数量必须与数组长度相同。
##结论
ES7中的Array.prototype.fill方法是一个快速、易于理解和实用的API，可以极大地提高开发人员的生产率。我们已经看到如何使用该方法来为数组中的所有元素填充相同的值、更改现有的数组并在特定区域内填充值。尝试使用它来简化您的代码并提高生产力吧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670f64ae5f55128102640f9c