介绍
在前端开发中，数组是常用的数据结构之一。数组提供了各种便利的操作方法，其中 fill 方法是 ES7 新增的一个方法。这个方法可以快速、简单地填充数组，提高了数组填充操作的效率和方便性。
fill 方法可以以指定的值，填充数组的所有元素，同时也支持指定填充的起始位置和结束位置。fill 方法用法简单、功能强大，是前端开发必备的方法之一。
学习与指导
使用方法
Array.prototype.fill 方法的使用方法非常简单，通常传入一个值就可以实现数组的填充。其基本语法如下：
array.fill(value, start, end)
其中，
- value：用来填充数组的值。
- start：起始填充的位置，可选参数，默认为 0。
- end：结束填充的位置，可选参数，默认为数组的末尾。
示例
下面是常用的几个填充操作示例。
-- -------------------- ---- ------- -- -- ------ -- ------- - ---------- - --- ---- - --- ----------------- ------------------ -- --- -- -- -- -- -- -- ---------- -- ------- -- ---------- - -------- - ---- - --- ---- - --- ------------------ ------------ -- ---- ------------------ -- --- -- -- -- -- -- -- -- -- -- -- -- -------- -- --------- --- ---- - --- ----------------- -- -- ---- ------------------ -- ---- -- -- --- --- -- -- --- --- -- -- --- --------- - -- ------------------ -- ---- -- -- --- --- -- -- --- --- -- -- ---展开代码
注意事项
在填充对象类型时需要注意，fill 方法填充的不是对象本身，而是对象的引用，如果多个数组中的对象引用相同时，改变其中一个元素的属性值，其他数组的该元素也会同步改变。
完整揭示数组的行为
-- -------------------- ---- ------- ----- ------ - ---- ---- ----- ------ - --- ---------------------- ----- ------ - ------------ ----------- - --- ------------------------- -- -- ------------------------- -- -- ------------------------- -- --展开代码
需要特别注意的是， Array.prototype.fill 方法不会改变原有的数组，而是返回一个新数组。如果需要改变原有的数组，则需要按如下方式使用：
const arr1 = new Array(3).fill(0); arr1.fill(1); console.log(arr1); // [1, 1, 1]
总结
Array.prototype.fill 方法是 ES7 中提供的新方法，提供了快速、简单的数组填充操作，省去了繁琐冗长的填充流程。在实际的开发中，尤其是在需要填充大量数据的场合，fill 方法能大大提高效率。同时，也需要注意 fill 方法在填充对象类型时需要特殊处理。我们可以通过熟练掌握 fill 方法的使用方法，使数组的操作更加高效简单。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ca588a5ad90b6d041a9aea
