在前端开发中，我们经常需要对数组进行填充。在 ES6 中，我们可以使用 Array.prototype.fill 方法对数组元素进行填充。而在 ES7 中，这个方法得到了进一步的优化。
ES6 中的 Array.prototype.fill 方法
在 ES6 中，Array.prototype.fill 方法可以接受两个参数：
array.fill(value, start, end);
其中，value 表示要填充的值，start 和 end 表示要填充的起始位置和结束位置。如果不传入 start 和 end 参数，则默认填充整个数组。
例如：
const arr = [1, 2, 3, 4, 5]; arr.fill(0, 2, 4); // [1, 2, 0, 0, 5]
ES7 中的 Array.prototype.fill 方法
在 ES7 中，Array.prototype.fill 方法可以接受一个可迭代对象作为参数。这个可迭代对象可以是一个数组、一个字符串或者一个生成器。
array.fill(value, [start], [end]);
其中，value 表示要填充的值，start 和 end 表示要填充的起始位置和结束位置。如果不传入 start 和 end 参数，则默认填充整个数组。
例如：
const arr = [1, 2, 3, 4, 5]; arr.fill([0, 0], 2, 4); // [1, 2, [0, 0], [0, 0], 5]
在这个例子中，我们传入了一个数组 [0, 0] 作为要填充的值。这个数组会被填充到 arr 数组的第 2 到第 4 个位置上。
示例代码
下面是一个使用 ES7 中的 Array.prototype.fill 方法优化数组填充的示例代码：
// javascriptcn.com 代码示例 // 定义一个数组 const arr = [1, 2, 3, 4, 5]; // 使用 ES6 中的 fill 方法进行填充 arr.fill(0, 2, 4); // 输出填充后的数组 console.log(arr); // [1, 2, 0, 0, 5] // 使用 ES7 中的 fill 方法进行填充 arr.fill([0, 0], 2, 4); // 输出填充后的数组 console.log(arr); // [1, 2, [0, 0], [0, 0], 5]
总结
ES7 中的 Array.prototype.fill 方法为数组填充提供了更加灵活和方便的方式。通过传入一个可迭代对象，我们可以轻松地对数组进行填充，并且可以实现更加复杂的填充操作。在实际开发中，我们可以使用这个方法来优化我们的代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6550902d7d4982a6eb95d6d9