JavaScript Array from()用法及代码示例

下面是Array from()方法的示例。

• 例：

  <script> 
      document.write(Array.from("This is JavaScript Array "+ 
                                "from() Method")); 
  </script>                                       
• 输出：

  T,h,i,s, ,i,s, ,J,a,v,a,S,c,r,i,p,t, ,A,r,r,a,y, 
   ,f,r,o,m,(,), ,M,e,t,h,o,d

arr.from()方法用于从给定数组创建新的数组实例。对于字符串，字符串的每个字母都将转换为新数组实例的元素，对于整数值，新数组实例仅采用给定数组的元素。

用法:

Array.from(object, mapFunction, thisValue)

参数：此方法接受上述和以下所述的三个参数：

• object:该参数包含将转换为数组的对象
• mapFunction:此参数是可选的，用于调用数组的每个项目。
• thisValue:此参数是可选的，它保存要执行mapFunction时要使用的上下文。如果传递了上下文，则每次调用该回调函数时都将使用该上下文，否则将使用undefined作为默认值。

返回值：它返回一个新的Array实例，其元素与给定的数组相同。对于字符串，字符串的每个字母都将转换为新数组实例的元素。

以下示例说明了JavaScript中的Array from()方法：

• 范例1：在这里，我们看到输出创建了一个新数组，其内容与整数相同。

  Input:10, 20, 30
  Output: Array [10, 20, 30]
  

• 范例2：在这里，我们看到输出创建了一个新数组，其内容与输入相同，字符串的每个字母都转换为新数组实例的元素。

  Input:geeksforgeeks
  Output:Array ["g", "e", "e", "k", "s", "f", "o", 
                 "r", "g", "e", "e", "k", "s"]
  

下面提供了上述方法的代码：
程序1:

<script> 
    document.write(Array.from("GeeksforGeeks")); 
    document.write("<br />") 
    document.write(Array.from([10, 20, 30])); 
</script>                   

输出：

G,e,e,k,s,f,o,r,G,e,e,k,s
10,20,30

程序2:

<script> 
    // Here input array is [1,2,3] and output  
    // become bouble of each elements. 
    document.write(Array.from([1, 2, 3],  
                                x => x + x)); 
</script>                                       

输出：

2,4,6

注意：如果我们将复数作为参数，则它将返回错误，因为只能将数组和字符串作为参数。

支持的浏览器：下面列出了JavaScript数组from()方法支持的浏览器：

• 谷歌浏览器45.0
• Microsoft Edge 12.0
• Mozilla Firefox 32.0
• Safari 9.0
• Opera 25.0