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

Sahil Bhosale 2023年1月30日 2021年11月20日 JavaScript JavaScript Array
  1. 在 JavaScript 中使用 Array() 构造函数创建一个长度数组
  2. 使用 JavaScript 中的 apply() 方法创建一个长度数组
  3. 使用 JavaScript 中的 map() 方法创建长度数组
  4. 使用 JavaScript 中的 fill() 方法创建一个固定长度数组
在 JavaScript 中创建特定长度的数组

在 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]
Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn

相关文章 - JavaScript Array

  • 检查数组是否包含 JavaScript 中的值
  • 在 JavaScript 中将数组转换为字符串
  • 在 JavaScript 中从数组中删除第一个元素
  • 在 JavaScript 中从数组中搜索对象
  • 在 JavaScript 中将参数转换为数组