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]