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

    es6 set是什么意思

    青灯夜游青灯夜游2022-03-09 18:28:12原创127

    set的意思为“集合”,是ES6提供的新数据结构,类似于数组,但是成员的值都是唯一的,没有重复的值。Set对象允许用户存储任何类型的唯一值,无论是原始值或者是对象引用。

    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

    Set是什么?

    Set(集合) 是 ES6 提供的新的数据结构,类似于数组,但是成员的值都是唯一的,没有重复的值。

    Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。

    Set本身是一个构造函数,用来生成Set数据结构。

    Set 中的特殊值:

    Set 对象存储的值总是唯一的,所以需要判断两个值是否恒等。有几个特殊值需要特殊对待:

    Set 使用情形

    1、用于数组去重

    let arr = [3, 5, 2, 2, 5, 5];
    let setArr = new Set(arr)     // 返回set数据结构  Set(3) {3, 5, 2}
    
    //方法一   es6的...解构
    let unique1 =  [...setArr ];      //去重转数组后  [3,5,2]
    
    //方法二  Array.from()解析类数组为数组
    let unique2 = Array.from(setArr )   //去重转数组后  [3,5,2]

    2、用于字符串去重

    let str = "352255";
    let unique = [...new Set(str)].join("");     // 352

    3、实现交集、并集、差集

    let a = new Set([1, 2, 3]);
    let b = new Set([4, 3, 2]);
    
    // 并集
    let union = new Set([...a, ...b]);
    // Set {1, 2, 3, 4}
    
    // 交集
    let intersect = new Set([...a].filter(x => b.has(x)));
    // set {2, 3}
    
    // (a 相对于 b 的)差集
    let difference = new Set([...a].filter(x => !b.has(x)));
    // Set {1}

    【相关推荐:javascript视频教程web前端

    以上就是es6 set是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:JavaScript es6 set
    上一篇:es6数组怎么清除所有元素 下一篇:ES6通过什么定义类
    Web大前端开发直播班

    相关文章推荐

    • 详细介绍JavaScript怎么实现哈希表• 一起来聊聊JavaScript函数柯里化• 实例图文详解在JavaScript中实现队列• javascript数组怎么求和、求平均数• JavaScript什么是事件流• javascript substring()方法怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网