JavaScript - 数组 .of() 方法

在 JavaScript 中，Array.of() 方法创建一个新的 Array 实例，该实例包含可变数量的参数，而不受参数数据类型的限制。它与 Array() 构造函数类似，但在处理单个参数的方式上有所不同。工作原理如下:-

单参数处理

• Array.of(5) - 创建一个包含单个元素值 5 的新数组。
• Array(5) - 创建一个长度为 5 的空数组。

多参数处理

• Array.of(1, 2, 3) - 创建一个包含三个元素的新数组:1、2 和 3。
• Array(1, 2, 3) - 也创建一个包含三个元素的新数组:1、2 和 3。

空参数处理

• Array.of() − 创建一个新的空数组。
• Array() − 也创建一个新的空数组。

语法

以下是 JavaScript Array.of() 方法的语法 −

Array.of(element1, element2, ..., elementN)

参数

此方法接受一个或多个元素。这些可以是任何数据类型。

返回值

此方法返回一个新的 Array 实例。

示例

示例 1

在下面的示例中，我们使用 Array.of() 方法创建一个包含元素 1、2、3、4 和 5 的数字数组。

<html>
<body>
   <script>
      const numbers = Array.of(1, 2, 3, 4, 5);
      document.write(numbers);
   </script>
</body>
</html>

执行上述程序，它将返回数组中存在的所有元素。

输出

1,2,3,4,5

示例 2

此处，使用 Array.of() 方法创建一个字符串数组，其中包含元素"apple"、"banana"和"cherry" -

<html>
<body>
   <script>
      const fruits = Array.of('apple', 'banana', 'cherry');
      document.write(fruits);
   </script>
</body>
</html>

执行上述程序后，返回数组中存在的所有元素。

输出

apple,banana,cherry

示例 3

以下示例演示了 Array.of() 和 Array() 构造函数在处理单个参数方面的区别 -

<html>
<body>
   <script>
      const arr1 = Array.of(5); //[5]
      const arr2 = Array(5); // array of 5 empty slots
   </script>
</body>
</html>

在上面的程序中，'arr1' 将创建一个包含单个元素 [5] 的数组，而 'arr2' 将创建一个长度为 5 的空数组。

示例 4

以下示例演示了 Array.of() 和 Array() 构造函数在处理多个参数方面的区别 -

<html>
<body>
   <script>
      const arr1 = Array.of(1, 2, 3);
      const arr2 = Array(1, 2, 3);
      document.write(arr1, "<br>", arr2)
   </script>
</body>
</html>

在上面的程序中，'arr1' 和 'arr2' 将创建包含三个元素 [1, 2, 3] 的数组。

输出

1,2,3
1,2,3

示例 5

如果我们不向 Array.of() 方法提供任何元素，它将创建一个空数组 -

<html>
<body>
   <script>
      const arr1 = Array.of(); //[]
      const arr2 = Array(); //[]
   </script>
</body>
</html>

如果我们执行上述程序，两者都将创建一个新的空数组。