JavaScript - Array.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>

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

打印页面