迹忆客 专注技术分享

在 JavaScript 中，你可能需要创建或声明一个特定长度的数组，并在数组中插入所需的值。它可以使用不同的方式来实现。

下面是一些在 JavaScript 中创建特定长度数组的最常用方法。现在只在你认为需要的情况下使用它，因为大多数情况下，不需要创建或声明特定长度的数组；你可以动态创建一个数组并使用它。

创建特定长度的空数组的第一种方法是使用 Array() 构造函数并将整数作为参数传递给它。由于我们正在调用构造函数，因此我们将使用 new 关键字。

var arr = new Array(5);
console.log(arr)

输出：

[undefined, undefined, undefined, undefined, undefined]

如果你使用 JSlint，不推荐这种创建特定长度数组的方式，因为它可能会导致问题。由于这种方式是模棱两可的，它不仅创建特定长度的数组，还可以用于执行其他操作，例如创建包含值的数组，如下所示。

var arr_2 = new Array('5');
console.log(arr_2)

输出：

[ "5" ]

Array 构造函数提供了一个名为 apply() 的方法。使用这个 apply() 方法，你可以以数组的形式为方法提供参数。apply() 方法有两个参数，第一个是对 this 参数的引用，第二个是数组。

var myArr = Array.apply(null, Array(5));
console.log(myArr);

输出：

[undefined, undefined, undefined, undefined, undefined]

要创建一个特定长度的空数组，假设为 5，我们将传递 null 作为第一个参数，第二个参数是数组 Array(5)。这将创建一个长度为 5 的数组，并使用 undefined 值初始化每个元素。

或者，你也可以执行以下操作。在这里，你可以传递一个数组对象作为第二个参数，然后在其中定义要创建的数组的长度，在本例中为 5。

var arr = Array.apply( null, { length: 5 } );
console.log(arr);
console.log(arr.length);

输出：

[undefined, undefined, undefined, undefined, undefined]
5

另一种创建特定长度数组的方法是使用 JavaScript 中的 map() 方法。在这里，Array(5) 构造函数将创建一个长度为 5 的空数组。这与我们之前看到的类似。然后使用扩展运算符 ...，我们将扩展数组的每个元素并将其括在一个像这样的方括号内 [...Array(5)]。它将创建一个长度为 5 的数组，其中每个元素的值都是 undefine。然后为了初始化这个数组，我们将使用 map() 方法。

[...Array(5)].map(x => 0);

输出：

[0, 0, 0, 0, 0]

使用 map() 方法，我们将获取 x 变量中的每个元素，然后向其添加值零。这会将数组的所有元素初始化为零。

fill() 方法的工作方式也与 map() 相同；唯一的问题是 fill() 不接受任何函数作为参数。它直接将一个值作为输入。你可以创建一个特定长度的数组 Array(5)，然后用一些整数值填充该数组，如下所示。

Array(5).fill(0);

// [0, 0, 0, 0, 0]