JavaScript Array of() 方法

17 Mar 2025 | 阅读 2 分钟

of() 方法从不同的数量的参数创建并返回一个新数组。它不关注参数的类型和数量。与 Array 类似,它也提供了一个以不同方式处理整数参数的构造函数。

语法

Array of() 方法的语法如下

参数

它以数组的形式接收并放置元素。因此,这些元素创建了数组。

返回

它返回一个新创建的数组实例。

JavaScript Array of() 方法示例

让我们通过一些示例来更好地理解。

示例 1

下面是一个展示 Array of() 方法工作原理的示例。

立即测试

输出

输出以数组形式表示元素。

JavaScript Array of() Method

示例 2

下面是一个将单个值表示为数组的示例。

立即测试

输出

JavaScript Array of() Method

这里,1 是新创建数组的单个元素。

Example3

立即测试

输出

这里,每个字母是新创建数组的一个元素。

JavaScript Array of() Method

Example4

使用 'undefined' 作为 Array.of() 方法的元素。

立即测试

输出

它显示了一个以 'undefined' 作为其元素的数组。

JavaScript Array of() Method

注意:如果我们尝试在 Web 浏览器中运行此代码,它将不会将 'undefined' 显示为数组值。因此,上面的快照显示了控制台的输出。

如上所述,Array.of 方法创建的构造函数与 Array 类似,但整数参数的处理方式不同。例如,Array.of(10) 将创建一个包含 10 作为其元素的数组。对于 Array(10),它将创建一个长度为 10 的数组。

让我们看看代码实现

简单数组构造函数示例

输出1: 在控制台

输出显示了一个长度为 7 的空数组。

JavaScript Array of() Method

输出2: 在浏览器

输出表示一个长度为 7 的空数组。

JavaScript Array of() Method

Array.of() 构造函数示例

输出

JavaScript Array of() Method

因此,上面的示例将有助于理解 Array.of() 和 Array 构造函数之间的区别。


下一主题JavaScript 数组