在 JavaScript 中，数组是一种非常灵活且实用的数据结构。而 Array.prototype.fill 是一个数组原型方法，可以用于填充数组中的元素，使其都变成相同的值。本文将详细介绍在 ES7 中如何使用 Array.prototype.fill 填充数组，并提供示例代码以供参考。
1. 概述
Array.prototype.fill(value, start, end) 方法接收三个参数：
value: 要用于填充数组的值。start(可选): 填充起始索引，默认为 0。end(可选): 填充结束索引(不包含)，默认为this.length（即填充整个数组）。
该方法会在指定范围([start, end)内)的每个索引位置上填充相同的值 value。
2. 使用示例
2.1 填充整个数组
let arr = [1, 2, 3, 4]; arr.fill(0); console.log(arr); // [0, 0, 0, 0]
2.2 填充部分数组
let arr = [1, 2, 3, 4]; arr.fill(0, 1, 3); console.log(arr); // [1, 0, 0, 4] // 索引1到2之间(不包含2)填充0值
2.3 更新数组元素
let arr = [1, 2, 3, 4]; arr.fill((idx) => idx+1); // 使用回调函数设置填充的值 console.log(arr); // [1, 2, 3, 4]（未更新，因为传入回调函数）
3. 设计指导
在使用 Array.prototype.fill 方法时，需要考虑以下设计指导。
3.1 注意原地修改
Array.prototype.fill 方法是一种原地(modify-in-place)修改数组的方法。因此，在使用时要注意是否真正需要修改原始数组数据，以防止意外的负面影响。
3.2 考虑性能
如果要填充大型数组，尤其是在使用相同、大量数据进行填充的情况下，应该注意到该操作可能带来的性能问题。例如，使用 fill 方法递增填充的效率比使用循环更低。
3.3 保留原有类型
由于 Array.prototype.fill 可用于所有类型的数组，因此在填充过程中应该注意保留原有的数据类型信息。对于数字数组，应该使用数字类型的填充值；对于字符串数组，应该使用字符串类型的填充值，以避免出现类型转换错误。
4. 总结
本文介绍了在 ES7 中如何使用 Array.prototype.fill 方法填充数组，包括基本用法、使用示例和设计指导。在编写前端代码时，这个方法是一个非常实用的工具，可以提高代码的简洁性和可读性，减少开发时间和复杂度。因此，学会并加以应用是极为有益的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65025a6095b1f8cacdfa832f