在 ES10 中，新增了一个非常实用的 Array 方法——Array.prototype.fill()。这个方法可以填充一个数组中的所有元素，将它们替换成指定的值。这个方法的应用非常广泛，可以用来初始化数组、替换数组中的值、创建占位符数组等等。在本文中，我们将深入探讨这个方法的应用，为前端开发者提供有深度的学习和指导意义。
Array.prototype.fill() 方法的语法
Array.prototype.fill() 方法的语法非常简单，只有两个参数：
array.fill(value[, start[, end]])
其中，value 是要替换成的值；start 和 end 分别是数组的起始和结束位置。如果省略 start 和 end 参数，则 fill() 方法将数组中的所有元素替换成指定的值。
Array.prototype.fill() 方法的应用
初始化数组
Array.prototype.fill() 方法非常适合用来初始化数组。例如，我们可以使用它来创建一个长度为 10，所有元素都是 0 的数组：
const arr = new Array(10).fill(0); console.log(arr); // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
替换数组中的值
我们也可以使用 Array.prototype.fill() 方法来替换数组中的值。例如，我们可以将数组中的所有负数替换成 0：
const arr = [-1, 2, -3, 4, -5]; arr.fill(0, arr.indexOf(-1), arr.lastIndexOf(-1) + 1); console.log(arr); // [0, 2, -3, 4, -5]
在这个例子中，我们使用了 indexOf() 和 lastIndexOf() 方法来获取数组中第一个和最后一个负数的位置，然后使用 fill() 方法将它们之间的所有元素替换成 0。
创建占位符数组
我们可以使用 Array.prototype.fill() 方法来创建一个占位符数组，然后在后续的操作中填充它们。例如，我们可以使用它来创建一个长度为 10 的数组，然后在后续的操作中将其中的元素替换成实际的值：
const arr = new Array(10).fill(null); // 在后续的操作中，将 arr 中的元素替换成实际的值
其他应用
除了上述应用外，Array.prototype.fill() 方法还可以用来：
- 填充二维数组
- 填充对象数组中的某个属性
- 等等
总结
在本文中，我们深入探讨了 ES10 中新增的 Array.prototype.fill() 方法的应用，为前端开发者提供了有深度的学习和指导意义。我们发现，这个方法非常实用，可以用来初始化数组、替换数组中的值、创建占位符数组等等。希望读者能够掌握这个方法的使用，提高自己的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6589ea24eb4cecbf2df308f4