Javascript Array.from()用法及代碼示例

介紹：
Array.from()函數是JavaScript中的內置函數，可從給定數組創建新的數組實例。對於字符串，字符串的每個字母都將轉換為新數組實例的元素，對於整數值，新數組實例將簡單地采用給定數組的元素。

語法1：

Array.from(A)
A:
A can be an array to convert to an array or a string in 
which every alphabet of the string is to be converted
to an element of the new array instance.

語法2：

Array.from(mapFn,thisArg)
參數：
mapFn (Optional): Map function to call on every 
element of the array.
thisArg (Optional):Value to use as this 
when executing mapFn.

返回值：它返回一個新的Array實例，其元素與給定的數組相同。對於字符串，字符串的每個字母都將轉換為新數組實例的元素。

瀏覽器支持：

• 這裏的第二列包含int值，它們是相應瀏覽器的版本。
  

  特征	基本支持
  Chrome	45
  Edge	Yes
  Firefox	32
  Internet Explorer	No
  Opera	Yes
  Safari	9
  Chrome for Android	Yes
  Edge mobile	Yes
  Firefox for Android	32
  Opera Android	Yes
  iOS Safari	Yes

例子：

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

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

在這裏，我們看到輸出創建了一個新數組，在整數的情況下，其內容與輸入相同，但在字符串的情況下，字符串的每個字母都轉換為新數組實例的元素。
讓我們看一下JavaScript程序：

console.log(Array.from("geeksforgeeks")); 
console.log(Array.from([10, 20, 30]));

輸出：

> Array ["g", "e", "e", "k", "s", "f", "o", "r", "g", "e", "e", "k", "s"]
> Array [10, 20, 30]

錯誤和異常：

1. 如果我們以複數為參數，則返回錯誤，因為隻能將數組和字符串作為參數。

   // when complex number is taken as the parameter 
   // of the function then it return error. 
   console.log(Array.from(1+2i));

   輸出：

   Error:Invalid or unexpected token
   

應用：

• 每當我們需要對數組元素進行任何操作時，我們都可以借助javaScript中的Array.from()方法。
  讓我們看一下JavaScript程序：

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

  輸出：

  > Array [2, 4, 6]