在 JavaScript 中创建特定长度的数组

  1. 在 JavaScript 中使用 Array() 构造函数创建一个长度数组
  2. 使用 JavaScript 中的 apply() 方法创建一个长度数组
  3. 使用 JavaScript 中的 map() 方法创建长度数组
  4. 使用 JavaScript 中的 fill() 方法创建一个固定长度数组

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

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

在 JavaScript 中使用 Array() 构造函数创建一个长度数组

创建特定长度的空数组的第一种方法是使用 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" ]

使用 JavaScript 中的 apply() 方法创建一个长度数组

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() 方法创建长度数组

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

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

输出:

[0, 0, 0, 0, 0]

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

使用 JavaScript 中的 fill() 方法创建一个固定长度数组

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

Array(5).fill(0);
// [0, 0, 0, 0, 0]

相关文章 - JavaScript Array

  • 如何在 JavaScript 中存储键值数组
  • 在 JavaScript 中将参数转换为数组