Javascript教程
JavaScript基础
JavaScript Objects
JavaScript BOM
JavaScript DOM
JavaScript OOP
JavaScript Cookies
JavaScript事件
JavaScript异常
JavaScript常用

JavaScript Array of()

of()方法创建并返回来自多个参数的新数组。它不关注参数的类型和数量。与Array相似,它也提供了一个构造函数,该构造函数可以处理整数参数,但方式不同。

语法

Array of()方法的语法为如下:
Array.of(element1, element2,.....)

参数

它以数组形式获取和放置元素。因此,这些元素将创建数组。

返回

它将返回新创建的数组实例。

JavaScript Array of()方法示例

让我们实现一些示例以更好地理解:
Example1
下面的示例演示了数组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 Array of()方法
Example2
下面是一个示例,以数组。
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(1));
</script>
</body>
</html>
输出:
 JavaScript Array of()方法
这里,1是新创建的数组的单个元素。
Example3
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of("a","b","c","d"));
</script>
</body>
</html>
输出:
在这里,每个字母都是新创建的数组的元素。
 JavaScript Array of()方法
Example4
使用"未定义"作为数组的元素.of()方法。
<html>
<head>JavaScript Array Methods </head>
<body>
<script>
console.log(Array.of(undefined)); //using console
</script>
</body>
</html>
输出:
它将显示一个以'undefined'作为元素的新数组。
 JavaScript Array of()方法
注意:如果我们尝试在Web浏览器中运行此代码,它将不会显示"未定义"作为数组值。因此,以上快照显示了控制台的输出。
如上所述,Array.of方法像Array一样创建构造函数,但是整数参数的处理方式有所不同。 例如,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 Array of()方法
Output2:在浏览器上
输出表示一个空数组,其长度为7。
 JavaScript Array of()方法

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

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(7));
</script>
</body>
</html>
输出:
 JavaScript Array of()方法
因此,以上示例将有助于理解Array.of()与Array构造函数之间的区别。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4