JavaScript 数组 from() 方法

from() 方法创建一个新数组，该数组保存来自数组或可迭代对象的浅拷贝。当应用于字符串时，每个单词都会被转换为新数组中的一个元素。

对象

在 new 数组中的一个元素。

语法

以下是可能的语法：

Array.from(object,map_fun,thisArg);

参数

object: 它是要在其上应用from()方法的类数组对象或可迭代对象的名称。
map_fun: 这是一个可选参数，用于通过map()函数调用数组的元素。
thisArg: 一个可选参数，其值在执行map_fun时用作’this’。

返回值

它返回一个新创建的数组。

注意：数组的from()方法允许从一个类数组对象中创建一个新的数组，该对象具有长度属性和索引的元素。from()方法的length属性通常为1。

JavaScript Array from()方法示例

让我们来看一下以下示例以更好地理解：

示例1

下面是一个简单的示例，通过一个字符串创建一个数组。

<html>
<head> <h5> JavaScript Array Methods </h5> </head>
<body>
<script>
var arr=Array.from("You are viewing an example of string"); //The string will get converted to an array.
document.write("The resultant is: <br>" +arr);
</script>
</body>
</html>

输出：

JavaScript 数组 from() 方法

在显示的输出中，清楚地看到字符串的每个字母都被转换为一个数组元素。

示例2

这是一个从类似数组的对象创建数组的示例。

<html>
<head> <h5> JavaScript Array Methods </h5> </head>
<body>
<script>
var func = function() {
    document.write(Array.from(arguments)); //Using from() method
}
func('John','Roy','Jess','Mary'); //value passed to function f().
</script>
</body>
</html>

输出：

JavaScript 数组 from() 方法

示例3

这是一个将给定的Set转换为数组的示例。

<html>
<head> <h5> JavaScript Array Methods </h5> </head>
<body>
<script>
var set = new Set(['C','C++','Java','C','Java','C++','Python','Perl']); //A set of different values.
document.write(Array.from(set)); //Using from() will convert the given set into an array.
</script>
</body>
</html>

输出：

JavaScript 数组 from() 方法

在输出中，我们可以看到每个值只出现了一次。

注意：集合是结果/输出中只出现一次的值的集合。这种行为保持了集合中每个值的唯一性。

示例1

以下是使用长度属性生成数字序列的示例。

<html>
<head> <h5> JavaScript Array Methods </h5> </head>
<body>
<script>
document.write(Array.from({length: 9}, (v, i) => i)); //Here, array is initialized as undefined. Thus, value of v and i are undefined. 
</script>
</body>
</html>

输出：

JavaScript 数组 from() 方法