在es6中,from方法用于将类似数组的对象和可遍历的对象转换成真正的数组,返回的结果是已经转换后的新的数组实例,语法为“Array.from(想要转换成数组的伪数组对象或可迭代对象,回调函数,执行回调函数时的this对象)”。
本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。
es6中from方法怎么用
该方法用于将两类对象转换成真正的数组:类似数组的对象 和 可遍历对象;
语法
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 ]
登录后复制
【相关推荐:javascript视频教程、web前端】
以上就是es6中from方法怎么用的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2931622.html