在JavaScript中，创建特定长度的数组是一项常见任务。虽然JavaScript数组是动态的，但将它们初始化为预定大小可以提高代码可读性，在某些情况下还可以提高性能。本文探讨了实现此目标的有效技术。
目录
使用Array()构造函数创建数组
最简单的方法是使用Array()构造函数。提供单个数字参数会创建一个具有该长度的数组，最初填充undefined值：
const arrayLength = 5;
const myArray = new Array(arrayLength);
console.log(myArray); // 输出: [ , , , , ] (或 [ ]，取决于你的浏览器控制台)
console.log(myArray.length); // 输出: 5
对于初始值不重要的数组创建，这很有效。请注意，控制台中的可视化表示可能会有所不同。
使用fill()填充数组
对于用特定值初始化的数组，fill()方法非常高效且易于阅读：
const arrayLength = 5;
const defaultValue = 0;
const myArray = new Array(arrayLength).fill(defaultValue);
console.log(myArray); // 输出: [0, 0, 0, 0, 0]
console.log(myArray.length); // 输出: 5
fill()直接填充数组，使其成为此常见场景的首选。
使用map()生成数组
如果需要动态生成值，map()方法提供了灵活性。结合Array()构造函数，可以一步创建和填充数组：
const arrayLength = 5;
const myArray = Array(arrayLength).fill().map((_, index) => index * 2); //注意此处使用fill()创建数组
console.log(myArray); // 输出: [0, 2, 4, 6, 8]
console.log(myArray.length); // 输出: 5
此示例根据索引生成值，但map()可以处理任何逻辑以创建所需的数组内容。
比较这些方法
虽然以前建议使用apply()方法，但对于使用单个值初始化数组，fill()通常提供更好的可读性和性能。Array()构造函数仍然可用于创建特定长度的空数组。当需要动态值生成时，map()大放异彩。
选择最适合您需求的方法。对于使用常数值的简单初始化，fill()是推荐的方法。