JavaScript 数组 of()方法
of()方法通过一系列不同的参数创建并返回一个新的数组。它不关注参数的类型和数量。与Array类似,它也提供了一个构造器来处理整数参数,但方式不同。
语法
Array of()方法的语法如下:
Array.of(element1, element2,.....)
参数
它接受并将元素以数组形式放入。因此,这些元素创建了数组。
返回值
它返回一个新创建的数组实例。
JavaScript 数组 of()方法示例
让我们实现一些示例来更好地理解:
示例1
下面是一个展示Array of()方法工作方式的示例。
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(1,2,3,4)); //values separated by commas.
</script>
</body>
</html>
输出:
输出表示数组的元素形式。
示例2
这是一个用数组形式表示单个值的示例。
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(1));
</script>
</body>
</html>
输出:
这里,1是新创建的数组的单个元素。
示例3
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of("a","b","c","d"));
</script>
</body>
</html>
输出:
这里,每个字母都是新创建数组的一个元素。
示例4
使用’undefined’作为Array.of()方法的元素。
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
console.log(Array.of(undefined)); //using console
</script>
</body>
</html>
输出:
它显示一个新的数组,其元素为’undefined’。
注意:如果我们尝试在web浏览器中运行此代码,它不会将’undefined’显示为数组值。因此,上面的快照显示了控制台的输出。
如上所述,Array.of方法创建了一个像数组一样的构造函数,但是处理整数参数的方式不同。
例如 ,Array.of(10)将创建一个包含10作为其元素的数组。而Array(10)将创建一个长度为10的数组。
让我们看看代码实现:
简单数组构造函数示例
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
console.log(Array(7)); //using console
</script>
</body>
</html>
输出1: 在控制台上
输出显示一个长度为7的空数组。
输出2: 在浏览器上
该输出表示一个长度为7的空数组。
Array.of() 构造函数示例:
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(7));
</script>
</body>
</html>
输出:
因此,以上的示例将有助于理解Array.of()和Array构造函数之间的差异。