• 技术文章 >web前端 >js教程

    ES6如何使用Set数据结构操作数组

    php中世界最好的语言php中世界最好的语言2017-12-30 16:47:56原创911
    这次给大家带来的是在ES6如何使用Set数据结构操作数组,我们Set数据结构是es6中新增的,它类似于数组,但是成员的值唯一,没有重复值。这篇文章就给大家好好分析一下。

    Set本身是一个数据结构,用来生成Set数据节后

    Set数据结构的实例有4种遍历方法:

    keys():返回一个键名的遍历器
    values():返回一个键值便利器
    entries():返回一个键值对便利器
    forEach():使用回调函数遍历每个成员

    由于Set数据结构没有键名,只有键值(或者说键名和键值是同一个值),所以keys和values方法的行为完全一致。

    因此使用Set可以容易的实现交集、并集、差集

    let a=new Set([1,2,3]);
    let b=new Set([4,3,2]);
    //交集
    let union= [...new Set([...a,...b])];
    console.log(union);
    //并集
    let intersect= [...new Set([...a].filter(x=> b.has(x)))];
    console.log(intersect);
    //差集
    let difference= [...new Set([...a].filter(x=> !b.has(x)))];
    console.log(difference);

    相信看了以上介绍你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    相关阅读:

    JS的冒泡事件如何使用

    用memcached,xcache做PHP缓存优化的实现步骤

    JS的使用过程中如何自定义console对象

    以上就是ES6如何使用Set数据结构操作数组的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:数据结构 数组 操作
    上一篇:js实现仿window系统日历效果 下一篇:如何用vue实现登录验证
    PHP小白到大牛直播班第二十期

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• JavaScript总结之18种常用数组方法• node实战之开发一个mycli命令行工具• 浅析Angular中的模板引用变量• 解决JavaScript数据处理的5个常见问题• 什么是消息队列?node中如何使用消息队列?
    1/1

    PHP中文网