在 JavaScript 的开发中，数组是一种常用的数据结构。而在 ES7 中，新增了一个 Array.prototype.fill 方法，使得数组填充变得更加简单。本文将详细介绍这个新特性的使用方法及其应用。
Array.prototype.fill 的基本用法
Array.prototype.fill 方法用于将数组中的所有元素替换为指定的值。其基本用法如下：
array.fill(value[, start[, end]])
其中，value 为要填充的值，start 和 end 分别为起始和结束位置，若不指定则默认为数组的起始和结束位置。
下面是一个简单的示例代码：
const arr = [1, 2, 3, 4, 5]; arr.fill(0, 1, 3); // [1, 0, 0, 4, 5]
上述代码中，将 arr 数组中索引为 1 到索引为 2 的元素都替换为 0。
Array.prototype.fill 的应用
数组初始化
使用 Array.prototype.fill 方法可以快速初始化一个数组，如下所示：
const arr = new Array(5).fill(0); // [0, 0, 0, 0, 0]
上述代码中，使用 new Array(5) 创建了一个长度为 5 的数组，然后使用 fill 方法将所有元素都填充为 0。
数组复制
使用 Array.prototype.fill 方法可以轻松地复制一个数组，如下所示：
const arr1 = [1, 2, 3, 4, 5]; const arr2 = arr1.fill(0); // [0, 0, 0, 0, 0]
上述代码中，使用 fill 方法将 arr1 数组中的所有元素都替换为 0，然后将其赋值给 arr2 数组，实现了数组的复制。
数组元素修改
使用 Array.prototype.fill 方法可以快速修改一个数组的多个元素，如下所示：
const arr = [1, 2, 3, 4, 5]; arr.fill(0, 1, 3); // [1, 0, 0, 4, 5]
上述代码中，使用 fill 方法将 arr 数组中索引为 1 到索引为 2 的元素都替换为 0，实现了多个元素的修改。
总结
Array.prototype.fill 是 ES7 中新增的一个方法，可以使数组填充变得更加简单。本文详细介绍了 fill 方法的基本用法及其应用，包括数组初始化、数组复制和数组元素修改。希望本文能够对前端开发者们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65bdd602add4f0e0ff7731b9