javaScript - Set/WeakSet

Posted 2021-07-19 火腿肠烧烤大赛冠军

什么是set

1. 与数组类似，但是其中不可以存放相同的值

    // let arr = [1, 1, 1, 1, 1, 1];
    // console.table(arr);
    // let set = new Set([1, 2, 3, 4, 5]);
    // set.add(1);
    // set.add("1");
    // console.log(set);//1

2. 与对象区别
   对象数字、字符串都被视为一个，无法重复
   set中严格校验可以相同
3. set的创建
   let set = new Set([‘name’,‘sam’]);
   如果是字符串：
   则会解析成【‘n’,‘a’,‘m’,‘e’】;
4. set的各种方法

• set.clear(): 清空set（彻底删除set）
• set.delete(‘name’): 删除某个元素
• set.size: 查看set大小(长度)
• set.value: 查看set内容
• set.has(item): set中是否含有该元素
• set.add(1): 增加新元素

set的妙用

tips:set类似数组也可以被。。。解构
数组去重

  let arr = [1, 2, 3, 4, 1, 2, 3];
  // 将其转换为set 
  let set = new Set(arr);
  console.log([...set]);

set类型遍历

和数组一样一样的
forEach、for of 、三个迭代器、别的没试

set处理交并补

并：set = new Set（[…a,…b]）;
交：

  let set = new Set({
    [...a].filter(ele => {
      return b.has(ele);
    })
  })

补：

  let set = new Set({
    [...a].filter(ele => {
      return !b.has(ele);
    })
  })

WeakSet

1. 除了一个放引用，一个放值 莫得区别
2. 弱引用类型：
   如果强引用被删除，则自动清空
3. 由于2的原因，所以所有的遍历、size等操作会直接禁止。