在 ES8 Javascript 中，提供了一个数组方法 fill()，用于对指定数组的元素填充一个指定的值。它可以填充指定位置的元素，也可以填充整个数组。fill() 函数可以帮助我们更快地处理数组，提高代码的效率。让我们来深入了解它的使用方法和使用指南。
使用方法
fill() 方法有三个参数：要填充的值(value)、填充开始的位置(startIndex)和填充结束的位置(endIndex)。其中，value 参数是必填的，startIndex 默认值为 0，endIndex 默认值为数组的 length。下面是 fill() 方法的使用方式和语法：
Array.fill(value, startIndex, endIndex)
举个例子，我们现在有一个长度为 5 的数组，需要将其中的 3 个元素填充为指定的值 0，则可以使用 fill() 方法：
let arr = [1, 2, 3, 4, 5]; arr.fill(0, 1, 4); // [1, 0, 0, 0, 5]
在该例子中，填充的值是 0，开始填充的位置是 1，结束填充的位置是 4，所以数组的元素从索引为 1 到索引为 3 的位置都被填充为了 0。
参数详解
value
value 参数必须指定为填充的值，可以为任意类型。
startIndex
startIndex 参数用于指定填充的起始位置，其默认值为 0，当值为负数时表示从右边的第几个元素开始填充，即用数组的长度减去该值即为填充的起始位置。
endIndex
endIndex 参数用于指定填充的结束位置，其默认值为数组的 length，当值为负数时表示从右边的第几个元素结束填充，即用数组的长度减去该值即为填充的结束位置。
使用指南
fill() 方法是一个很实用的方法，它可以让我们在处理数据的时候更加方便快捷。在实际使用过程中，我们可以通过以下方式来应用 fill 方法：
填充固定值
我们可以将数组中的元素全部填充为一个固定值。比如：
let arr = [1, 2, 3, 4, 5]; arr.fill(0); // [0, 0, 0, 0, 0]
替换元素
我们也可以使用 fill() 方法来替换指定元素。比如：
let arr = [1, 2, 3, 4, 5]; arr.fill(0, 1, 3); // [1, 0, 0, 4, 5]
在上述代码中，从索引为 1 的位置开始到索引为 3 的位置都被替换成了 0。
容错处理
使用 fill() 方法的时候需要注意传入的参数是否符合要求，否则会导致错误的结果。比如：
let arr = [1, 2, 3, 4, 5]; arr.fill(0, -6, -3); // [0, 0, 0, 4, 5]
在这个例子中，startIndex 和 endIndex 的值均为负数，因此填充的起始位置为数组的 length - (-6) = 1，填充的结束位置为数组的 length - (-3) = 4。因此，数组从索引为 1 的位置到索引为 3 的位置被填充为了 0。
常见问题
fill() 方法会改变原来的数组吗？
fill() 方法会改变原来的数组，这就意味着我们需要先在不改变原来数组的前提下创建一个新数组，然后再进行填充。
startIndex 和 endIndex 参数可以为负数吗？
startIndex 和 endIndex 参数可以为负数。如果为负数，表示从右边的第几个元素开始或结束填充。
结论
使用 fill() 方法可以更加方便快捷地处理数组。它可以将数组中的元素全部填充为一个固定值，也可以替换指定元素，还可以进行容错处理。在使用过程中，需要注意填充元素的起始位置和结束位置的参数传递是否正确。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f1630c6fbf9601973a736a