ES6学习之路(六) Set&WeakSet

什么是数据结构

数据结构:计算机中存储、组织数据的方式,算是数据的集合体,主要为了方便存取数据;

Set()数据结构

1.内部成员的值都是唯一的,没有重复的;
2.set本身是一个构造函数,用来生成一个Set数据结构;
3.Set()可以接受一个数组或者类似数组的对象作为参数,用来初始化;
4.set()中的值不会发生类型转换,所以5和’5’是不相等的,而NaN再set中和它自身是相等的;
5.set中两个对象总是不相等的;

    const s = new Set();
    [2,3,4,2,3,4,2,3].forEach(x=>s.add(x));

    for(let i of s){
        console.log(i);//2,3,4
    }
    //没有重复的

Set()可以接受一个数组或者类似数组的对象作为参数,用来初始化

    const set = new Set([1,2,3,4,4]);
    console.log([...set]);//[1, 2, 3, 4]

    const items = new Set([1,2,3,4,5,5,5,5]);
    console.log(items.size);//5

    function divs() {
        return [...document.querySelectorAll('div')];
    }
    const sd = new Set(divs());
    console.log(sd.size);//16

    divs().forEach(div =>sd.add(div));
    console.log(sd.size)//16

set()中的值不会发生类型转换,所以5和’5’是不相等的,而NaN再set中和它自身是相等的

    let set = new Set();
    let a=NaN;
    let b=NaN;
    set.add(a);
    set.add(b);
    console.log(set);// {NaN}

set中两个对象总是不相等的

    let se = new Set();
    se.add({});
    console.log(se.size);//1

    se.add({});
    console.log(se.size);//2

Set结构实例的属性和方法

一、属性
Set.prototype.constructor//Set构造函数
Set.prototype.size //返回set实例的成员总个数
二、方法
Set 实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。
下面先介绍四个操作方法。

    //add(value) ;添加某个值,返回Set结构本身
    let s = new Set();
    s.add(1).add(2).add(2);
    console.log(s.size);//2
    //has(value);返回一个布尔值,表示是否为Set成员;
    console.log(s.has(1));//true
    console.log(s.has(2));//true
    console.log(s.has(3));//false
    //delete(value);删除某个值,返回一个布尔值,表示删除是否成功
    console.log(s.delete(2));//true
    console.log(s.has(2));//false
    //clear();清空所有成员,没有返回值
    console.log(s.clear());
    console.log(s.size);//0
    //数组去重
    function defupe(array){
        return Array.from(new Set(array));
    }
    console.log(defupe([1,1,2,3]));//[1,2,3]

下面是遍历操作方法
keys():返回键名的遍历器
values():返回键值的遍历器
entries():返回键值对的遍历器
forEach():使用回调函数遍历每个成员

注意,set遍历顺序就是插入顺序,可以保证调用时按照添加顺序调用;

    let set = new Set(['red','green','blue']);
    //keys()
    for(let item of set.keys()){
        console.log(item);//red// green// blue
    }
    //values()
    for(let item of set.values()){
        console.log(item);//red// green// blue
    }
    //entries()
    for(let item of set.entries()){
        console.log(item);
        // ["red", "red"]
        // ["green", "green"]
        // ["blue", "blue"]
    }
    //set实例的遍历默认使用的是values()方法,所以可以省略values();
    for(let item of set){
        console.log(item);//red// green// blue
    }

forEach()循环

    let set = new Set([1,2,3]);
    set.forEach((value,key)=>console.log(value*2));//2,4,6

    //拓展运算符内部使用的就是for...of循环,所以也可以循环set结构
    let s1 = new Set(['red','green','blue']);
    let arr1 = [...s1];
    console.log(arr1);// ["red", "green", "blue"]

    //拓展运算符去重
    let arr2 = [1,1,2,2,3,3];
    let s2 = [...new Set(arr2)];
    console.log(s2);//[1,2,3];

Set()实例用法

    //map()与filter方法应用
    let set = new Set([1,2,3]);
    set = new Set([...set].map(x=>x*2));
    console.log(set);// {2, 4, 6}

    let s1 = new Set([1,2,3,4,5]);
    s1 = new Set([...s1].filter(x=>(x%2)==0));
    console.log(Array.from(s1));//[2, 4]
    //set 实现并集 交集和差集
    let a = new Set([1,2,3]);
    let b = new Set([4,3,2]);


    let union = new Set([...a,...b]);
    console.log(union);//{1, 2, 3, 4}
    console.log( a instanceof Array)

    let intersect = new Set([...a].filter(x=>b.has(x)));
    console.log(intersect)//{2,3}

    let difference = new Set([...a].filter(x=>!b.has(x)));
    console.log(difference)//{1}

WeakSet

1.WeakSet与Set结构类似;
2.值都是唯一的;不重复;
3.weakset的成员只能是对象,不可以是其它类型的值;

    //其它值会报错
    const ws = new  WeakSet();
    console.log(ws.add(1));
    //Invalid value used in weak set

    console.log(ws.add(Symbol()));
    //Invalid value used in weak set

4.WeakSet 适合临时存放一组对象,以及存放跟对象绑定的信息。只要这些对象在外部消失,它在 WeakMap 里面的引用就会自动消失。
5.WeakSet 不可遍历。
6.WeakSet 可以接受一个数组或类似数组的对象作为参数。该数组的所有成员,都会自动成为 WeakSet 实例对象的成员。

    //a数组的成员必须是对象
    const a = [[1,2],[3,4]];
    const ws = new WeakSet(a);
    console.log(ws);//WeakSet {(2) [3, 4], (2) [1, 2]}

    //不是对象会报错
    const b =[3,4];
    const wsb = new WeakSet(b);
    console.log(wsb);// Invalid value used in weak set

weakSet 方法

WeakSet.prototype.add(value):向 WeakSet 实例添加一个新成员。
WeakSet.prototype.delete(value):清除 WeakSet 实例的指定成员。
WeakSet.prototype.has(value):返回一个布尔值,表示某个值是否在 WeakSet 实例之中。

    const ws = new WeakSet();
    const obj = {};
    const foo = {};

    ws.add(window);
    ws.add(obj);

    console.log(ws.has(window));//true
    console.log(ws.has(obj));//true

    ws.delete(window);
    console.log(ws.has(window))//false
    //WeakSet,没有size属性,没有遍历方法
    const ws = new WeakSet();
    console.log(ws.size);//undefined
    console.log(ws.fotEach);//undefined
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值