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

Array from()

from()方法创建一个新数组,该数组保存数组中的浅表副本或可迭代的对象。当应用于字符串时,每个单词都将转换为新数组中的array元素。

语法

有以下可能的语法:
Array.from(object,map_fun,thisArg);

参数

object:这是将要应用from()方法的类似数组或可迭代对象的名称。 map_fun:是一个可选参数,用于通过map()函数调用数组的元素。 thisArg:一个可选参数,当我们执行map_fun时,其值将用作" this"。

返回

它返回一个新创建的数组。
注意: Array from()方法允许从类似数组的对象创建新数组,该对象由length属性和索引元素指定。 from()方法的length属性通常为1。

JavaScript数组from()方法示例

让我们看下面的示例以更好地理解:
Example1
这是一个简单的 示例,用于从字符串创建数组。
<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>
输出:
在显示的输出中,很明显,字符串的每个字母都将转换为数组元素。
Example2
这是一个从类似数组的对象创建数组的示例。
<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>
<
输出:
Example3
下面是将给定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>
输出:
在输出中,我们可以看到每个值仅出现一次。
注意:集合是一组值,它们在结果/输出中仅出现一次。这种行为保持了集合中每个值的唯一性。
Example1
这是一个使用length属性生成数字序列的示例。
<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>
输出:
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4