189 8069 5689
今天小编给大家分享一下es6中from方法如何用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
成都创新互联公司是一家专注于网站建设、网站设计与策划设计,白云鄂网站建设哪家好?成都创新互联公司做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:白云鄂等地区。白云鄂做网站价格咨询:028-86922220
在es6中，from方法用于将类似数组的对象和可遍历的对象转换成真正的数组，返回的结果是已经转换后的新的数组实例，语法为“Array.from(想要转换成数组的伪数组对象或可迭代对象,回调函数,执行回调函数时的this对象)”。
本教程操作环境：windows10系统、ECMAScript 6.0版、Dell G3电脑。
该方法用于将两类对象转换成真正的数组：类似数组的对象 和 可遍历对象；
语法
Array.from( arrayLike, mapFun, thisArg );
参数
arrayLike：必需。想要转换成数组的伪数组对象或可迭代对象；
mapFun：可选。如果指定了该参数，新数组中的每个元素会执行该回调函数。
thisArg：可选。执行回调函数mapFun时this对象。
返回值
一个新的数组实例
示例如下：
从 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 ]以上就是“es6中from方法如何用”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。