在es6中，from方法用于将类似数组的对象和可遍历的对象转换成真正的数组，返回的结果是已经转换后的新的数组实例，语法为“Array.from(想要转换成数组的伪数组对象或可迭代对象,回调函数,执行回调函数时的this对象)”。

本教程操作环境：windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6中from方法怎么用

该方法用于将两类对象转换成真正的数组：类似数组的对象 和 可遍历对象；

语法

Array.from( arrayLike, mapFun, thisArg );

参数

arrayLike：必需。想要转换成数组的伪数组对象或可迭代对象；

mapFun：可选。如果指定了该参数，新数组中的每个元素会执行该回调函数。

thisArg：可选。执行回调函数mapFun时this对象。

返回值

ES6-ES11新特性相关课件

ES6-ES11新特性相关课件

下载

一个新的数组实例

示例如下：

从 String 生成数组

Array.from('foo'); 
// [ "f", "o", "o" ]

从 Set 生成数组

const set = new Set(['foo', 'bar', 'baz', 'foo']);
Array.from(set);
// [ "foo", "bar", "baz" ]

从 Map 生成数组

const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map);
// [[1, 2], [2, 4], [4, 8]]
const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b'];
Array.from(mapper.keys());
// ['1', '2'];

从类数组对象（arguments）生成数组

function f() {
  return Array.from(arguments);
}
f(1, 2, 3);
// [ 1, 2, 3 ]

【相关推荐：javascript视频教程、web前端】