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