Array.from

撰写时间：2024-03-14

最新修订：2024-03-14

静态方法。从可遍历对象（iterable objects）或类似数组对象（array-like objects）创建数组。

原型

*[]Array.from

mapFn

回调函数。该回调函数接受2个参数。其原型如下：

* | undefinedmapFn

回调函数mapFn返回的数值将作为新数组的元素。如果没有返回值，默认返回undefined。

返回Array的一个实例。

Array的静态方法from从可遍历对象（iterable objects）或类似数组对象（array-like objects）创建数组。

let str = 'Hello'; let arr = Array.from(str); /* ['H', 'e', 'l', 'l', 'o'] */

Array的静态方法from的本质是，从对象中拆出单独的元素来生成数组。

let nums = [1, 2, 3, 4, 5]; let arr = Array.from(nums); /* [1, 2, 3, 4, 5] */

尽管看不出细节，但在其内部，是将每个数组元素都单独添加进新创建的数组中。

使用回调函数，可以先修改数组元素的值后，再添加进新数组中。

let nums = [1, 2, 3, 4, 5]; let arr = Array.from(nums, e => e * 2); /* [2, 4, 6, 8, 10] */

如果并非每轮的回调函数都有返回值，则默认返回undefined。

let nums = [1, 2, 3, 4, 5]; let arr = Array.from(nums, (e) => { if (e > 3) { return e * 2; } }); /* [undefined, undefined, undefined, 8, 10] */