直击 JavaScript 大型数组的痛点：揭秘3种高效创建法

在 JavaScript 中创建和填充任意长度的数组看似简单，但当数组规模庞大时，性能可能会成为一个问题。传统的数组创建方法可能会导致内存碎片和性能瓶颈。本文将探讨三种在 JavaScript 中高效创建和填充任意长度数组的方法：使用循环、Array.fill() 和 Array.from()。我们将对每种方法的优缺点进行详细分析，帮助您根据具体场景选择最佳方法。

1. 使用循环

最简单的方法是使用循环来创建和填充数组。您可以使用 for 或 while 循环来逐个元素地添加值到数组中。这种方法简单易懂，但效率较低，尤其是对于大型数组而言。

const array = [];
for (let i = 0; i < 100000; i++) {
  array[i] = i;
}

2. 使用 Array.fill()

Array.fill() 方法允许您使用单个值填充整个数组。该方法接受两个参数：要填充的值和要填充的起始索引（可选）。如果您不指定起始索引，则该方法将从数组的开头开始填充。

const array = new Array(100000).fill(0);

Array.fill() 方法比使用循环更有效，因为它可以一次性填充整个数组，而无需逐个元素地添加值。但是，它不能用于填充具有不同值的数组。

3. 使用 Array.from()

Array.from() 方法允许您从其他数据结构（如字符串、数组或对象）创建新的数组。该方法接受一个参数：要转换的数据结构。

const array = Array.from({length: 100000}, () => 0);

Array.from() 方法比使用循环和 Array.fill() 方法更灵活，因为它可以从各种数据结构创建新的数组。但是，它通常比 Array.fill() 方法效率较低，因为需要逐个元素地转换数据结构。

比较

下表比较了三种数组创建方法的优缺点：

方法	优点	缺点
循环	简单易懂	效率低，尤其对于大型数组
Array.fill()	效率高	不能用于填充具有不同值的数组
Array.from()	灵活，可以从各种数据结构创建新的数组	通常比 Array.fill() 方法效率较低

结论

在 JavaScript 中创建和填充任意长度的数组时，您可以根据具体场景选择最佳方法。如果您需要创建具有相同值的简单数组，则可以使用 Array.fill() 方法。如果您需要创建具有不同值的复杂数组，则可以使用 Array.from() 方法。如果您需要创建大型数组，则可以使用循环方法，但要确保使用适当的优化技术来提高性能。