在前端开发中，我们经常会涉及到数组的操作，比如添加、删除、过滤、排序等等。在 ES7 中，新增了一个方法 Array.prototype.fill，它可以用来填充数组，也可以用来替换数组中已有的元素。在本文中，我们将深入学习这个方法，并介绍它的实际应用。
Array.prototype.fill 方法的语法
Array.prototype.fill 方法有两个参数：
- value（必须）：用来填充数组元素的值。
- start（可选）：开始填充的位置，默认为 0。
- end（可选）：结束填充的位置，默认为数组的长度。
Array.prototype.fill 方法实现的功能
Array.prototype.fill 方法的作用是将一个值替换数组中的元素，从而填充数组。如果使用了第二个和第三个参数，则填充的元素不再是整个数组，而是从指定的位置开始填充，到指定的位置结束。
示例代码
-- -------------------- ---- ------- -- ---- --- --- - ------------ ------------ ------------------- ----------- -- ------ --- ---- - ------------ ----------------- -------------------- ----------- -- -------- --- ---- - --- ------------------ ----------- -- -------------------- ---------------------
Array.prototype.fill 方法的实际应用
下面是 Array.prototype.fill 方法的实际应用。
实现一个填充数组的方法
function fillArray(value, len) {
return new Array(len).fill(value);
}重置数组
有时候我们需要清除数组中某个元素后，使这个元素变为一个默认值或者 null。用 Array.prototype.fill 方法可以很方便地实现这个功能。
// 删除数组中的某个元素 arr.splice(index, 1); // 重新填充删除后的数组 arr.fill(null, index, index+1);
清空数组
有时候我们需要一次性清空一个数组，可以使用 Array.prototype.fill 方法将数组中所有的元素填充为 null 或者一个空对象。
let arr = [1,2,3,4,5]; arr.fill(null); console.log(arr);// [null,null,null,null,null]
初始化二维数组
在使用二维数组时，我们通常会先创建一个行数和列数都为零的空数组，然后按照需要进行填充。如果使用 Array.prototype.fill 方法，可以很方便地实现初始化二维数组的功能。
let matrix = new Array(3).fill(new Array(3).fill(0)); console.log(matrix);// [[0,0,0],[0,0,0],[0,0,0]]
总结
在本文中，我们深入学习了 Array.prototype.fill 方法的语法和实现功能，并介绍了它的实际应用。无论是在实现一个填充数组的方法，重置数组，清空数组，还是初始化二维数组，Array.prototype.fill 方法都有很好的应用场景。在实际开发中，我们需要根据具体需求合理地使用这个方法，以提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647ee2e848841e9894e90343