ES7 中的 Array#fill 方法使用指南-JavaScript中文网-JavaScript教程资源分享门户

在ECMAScript 2016 (也称为ES7) 中，JavaScript 引入了新特性--Array#fill 方法，用于填充一个数组中指定范围内的所有元素。本文将介绍这一方法及其使用场景，并提供代码示例以帮助读者更好地理解。

fill 方法的语法

fill() 方法有两个参数：第一个是要用来填充数组的值，第二个是要开始填充的索引位置（默认为0），以及结束填充的索引位置（不包括在内）。

array.fill(value[, start [, end]])

value: 必需项，要在被填充的数组中填充的值。
start: 可选项，开始变更元素之前的索引位置，默认值为0。
end: 可选项，停止变更元素的索引位置（不包括在内），默认值等于数组长度。

使用 fill 的场景

可以使用 fill 方法为数组分配一个默认值。例如，您可能想要将由其他函数返回的空数组转换为一个只包含确定数量并且全部相同的值的数组。假设我们要将长度为 5 的空数组转换为长度为 5 且所有值均为 'hello' 的数组：

let emptyArray = new Array(5).fill('Hello');
console.log(emptyArray); // 输出 ['Hello', 'Hello', 'Hello', 'Hello', 'Hello']

如果要将该数组的第三个到第五个位置分配为'different'，可以使用以下代码：

let emptyArray = new Array(5).fill('Hello');
emptyArray.fill('different', 2, 5); // 填充从2到4 索引位置
console.log(emptyArray); // 输出 ['Hello', 'Hello', 'different', 'different', 'different']

性能影响

在处理大型数据集时，fill 方法的性能可能受到影响。因此，在这种情况下，建议使用传统循环而不是 fill：

const arr = new Array(1000000);
for (let i = 0; i < arr.length; i++) {
  arr[i] = 'hello world';
}

总结

Array#fill 是一项有用的技术特性，可以轻松填充给定范围内的数组元素，使开发更加高效。但是请注意，如果您正在处理大量数据，则使用传统的循环会更加有效。

希望这篇文章能够帮助你了解 fill 的使用以及如何最大限度地利用这一新特性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/651ba51395b1f8cacd3486d6