JavaScript 数组 of()方法

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>

输出:

输出表示数组的元素形式。

JavaScript 数组 of()方法

示例2

这是一个用数组形式表示单个值的示例。

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(1));
</script>
</body>
</html>

输出:

JavaScript 数组 of()方法

这里,1是新创建的数组的单个元素。

示例3

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of("a","b","c","d"));
</script>
</body>
</html>

输出:

这里,每个字母都是新创建数组的一个元素。

JavaScript 数组 of()方法

示例4

使用’undefined’作为Array.of()方法的元素。

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
console.log(Array.of(undefined)); //using console
</script>
</body>
</html>

输出:

它显示一个新的数组,其元素为’undefined’。
JavaScript 数组 of()方法

注意:如果我们尝试在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的空数组。

JavaScript 数组 of()方法

输出2: 在浏览器上

该输出表示一个长度为7的空数组。

JavaScript 数组 of()方法

Array.of() 构造函数示例:

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(7));
</script>
</body>
</html>

输出:

JavaScript 数组 of()方法

因此,以上的示例将有助于理解Array.of()和Array构造函数之间的差异。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程