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>

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

打印本页