zoukankan      html  css  js  c++  java
  • ES6 第十三节 Set和WeakSet数据结构

    ES6 第十三节 Set和WeakSet数据结构


    第十三节 Set和WeakSet数据结构

    Set数据结构(不是数据类型),是ES6中的新东西。它的数据结构是以数组的形式构建的。

    Set的声明

    let setArr = new (['da0sy','黛西','web','da0sy']);
    console.log(setArr);  
    

    Set和Array 的区别是Set不允许内部有重复的值,如果有只显示一个,相当于去重。虽然Set很像数组,但是它不是数组。

    Set的增删改

    追加add:
    在使用Array的时候,可以用push进行追加值,那Set稍有不同,它用更语义化的add进行追加。

    let setArr = new Set(['da0sy','黛西','web','da0sy']);
    console.log(setArr);  
    
    setArr.add('前端职场');
    console.log(setArr);
    

    删除delete:

    let setArr = new Set(['da0sy','黛西','web','da0sy']);
    console.log(setArr);
    
    setArr.add('前端职场');
    console.log(setArr);
    
    setArr.delete('前端职场');
    console.log(setArr);
    

    查找has:
    用has进行值的查找,返回的是true或者false。

    let setArr = new Set(['da0sy','黛西','web','da0sy']);
    console.log(setArr);
    
    console.log(setArr.has('da0sy'));  //true
    

    删除clear:

    let setArr = new Set(['da0sy','黛西','web','da0sy']);
    console.log(setArr);
    setArr.clear();
    
    console.log(setArr);  //0
    

    set的循环 fior...of...循环:

    let setArr = new Set(['da0sy','黛西','web','da0sy']);
    for(let item of setArr){
        console.log(item);
    }   //会去重
    

    size属性
    size属性可以获得Set值的数量。

    let setArr = new Set(['da0sy','黛西','web','da0sy']);
    for(let item of setArr){
        console.log(item);
    }
    console.log(setArr.size);  //3
    

    forEach循环

    let setArr = new Set(['da0sy','黛西','web','da0sy']);
    setArr.forEach((value)=>console.log(value));  //会去重
    

    WeakSet的声明

    let weakObj=new WeakSet();
    let obj={a:'da0sy',b:'黛西'};
    weakObj.add(obj);
    
    console.log(weakObj);
    

    这里需要注意的是,如果你直接在new 的时候就放入值,将报错。

    WeakSet里边的值也是不允许重复的,我们来测试一下。

    let weakObj=new WeakSet();
    let obj={a:'da0sy',b:'黛西'};
    let obj1=obj;
    
    weakObj.add(obj);
    weakObj.add(obj1);
    
    console.log(weakObj);
    

    总结:在实际开发中Set用的比较多,WeakSet用的并不多,但是他对传入值必须是对象作了很好的判断,我们灵活应用还是有一定的用处的。

  • 相关阅读:
    css 冷知识
    js跨域问题
    检测浏览器是否支持ES6
    新增项目到GIT仓库中
    如何正确设置统计博客园的个人博客访问量(图文详解)
    Node中包的加载机制
    图片路径中含有中文在jsp下不能正常显示的问题
    通过Xshell来访问和连接Linux
    文件下载该注意的问题
    文件上传该注意的问题
  • 原文地址:https://www.cnblogs.com/Elva3zora/p/12552954.html
Copyright © 2011-2022 走看看