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

    如何使用es6的set

    藏色散人藏色散人2021-09-13 11:13:16原创344

    es6 set的使用方法:1、通过“let a=[1,2,3,4,5];”方式定义从var变为let;2、通过“let set=new Set();”语法运用set即可。

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

    如何使用es6的set?

    es6中set用法

    如下:

    //定义从var变为let 不可重复定义
    let a=[1,2,3,4,5];
    
    // Set 它类似于数组,但是成员的值都是唯一的,没有重复的值。
    
        let set=new Set();

    Set 实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。

    下面先介绍四个操作方法。

    add(value):添加某个值,返回 Set 结构本身。

    delete(value):删除某个值,返回一个布尔值,表示删除是否成功。

    has(value):返回一个布尔值,表示该值是否为Set的成员。

    clear():清除所有成员,没有返回值。

    Array.from方法可以将 Set 结构转为数组。

    Set 结构的实例有四个遍历方法,可以用于遍历成员。

    keys():返回键名的遍历器

    values():返回键值的遍历器

    entries():返回键值对的遍历器

    forEach():使用回调函数遍历每个成员

    需要特别指出的是,Set的遍历顺序就是插入顺序。

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

    Set 结构的实例默认可遍历,它的默认遍历器生成函数就是它的values方法。

    这意味着,可以省略values方法,直接用for...of循环遍历 Set。

    扩展运算符(...)内部使用for...of循环,所以也可以用于 Set 结构。

    举例

    //1 数组去重
    let a=[1,2,3,4,5,6,7,1,2,3];
    let b=new Set([...a]);
    b=[...b];
    // 2 求交集 并集  差集
    let a=new Set[1,2,3];
    let b=new Set[3,4,5];
    //交集
    let c=new Set([...a,...b]);
    //并集
    let d=new Set([...a].filter(x=>b.has[x]));
    //交集
    let d=new Set([...a].filter(x=>!b.has[x]));

    推荐学习:《javascript基础教程

    以上就是如何使用es6的set的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:es6 set
    上一篇:浅谈利用Angular指令怎么保持关注点分离? 下一篇:一文快速了解Nodejs中的模块系统
    线上培训班

    相关文章推荐

    • es6声明变量的方法有哪些• ts和es6到底有哪些不同• es6中的es是什么意思• es6 some方法是干什么的

    全部评论我要评论

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

    PHP中文网