JavaScript 数组 from() 方法

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

• 例子：

      document.write(Array.from("This is JavaScript Array "+
                                "from() Method"));
                                          

• 输出：

  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

Array.from()方法用于从给定的数组创建一个新的数组实例。在字符串的情况下，字符串的每个字母都被转换为新数组实例的一个元素，如果是整数值，一个新的数组实例只需要给定数组的元素。

句法：

Array.from(object, mapFunction, thisValue)

参数：此方法接受三个参数，如上所述，如下所述：

• object：此参数保存将转换为数组的对象
• mapFunction：此参数是可选的，用于调用数组的每个项目。
• thisValue：此参数是可选的，它保存要作为 this 传递的上下文，以便在执行 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"]
  

上述方法的代码如下：
方案一：

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

输出：

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

方案二：

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

输出：

2,4,6

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

支持的浏览器： JavaScript Array from()方法支持的浏览器如下：

• 谷歌浏览器 45.0
• 微软边缘 12.0
• 火狐浏览器 32.0
• 野生动物园 9.0
• 歌剧 25.0