在 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>
如果我们执行上面的程序，两者都将创建一个新的空数组。
