• 技术文章 >web前端 >前端问答

    es6中from方法怎么用

    长期闲置长期闲置2022-05-05 15:31:50原创131

    在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方法怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ES6
    上一篇:es6装饰器有什么用 下一篇:es6数组怎么修改每个元素
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• es6中遍历跟迭代的区别是什么• es6怎么去掉字符串的空格• ES6怎么将伪数组转换成数组• 为什么要将es6转为es5• es6中assign的用法是什么
    1/1

    PHP中文网