Set、Map、WeakMap、WeakSet 的区别以及应用场景

Set、Map、WeakMap、WeakSet 都是 ES6 中引入的新数据结构，它们各有特点和应用场景，它们之间的区别和场景如下

一、Set
类似于数组，但成员的值都是唯一的，没有重复的值，主要用途是去重

Set提供以下几种API

• add(value): 添加某个值，返回Set结果本身
• delete(value): 删除某个值，返回一个布尔值，表示删除是否成功
• has(value): 返回一个布尔值，表示参数是否为Set成员
• clear(value): 清除集合中所有元素，没有返回值

Set包含以下4种遍历方法

• keys(): 返回键名的遍历器
• values(): 返回键值的遍历器
• entries(): 返回键值对的遍历器
• forEach(): 使用回调函数遍历每个成员
• keys方法、values方法、entries方法返回的都是遍历器对象，entries返回的是键值对形式

注：add 不会添加重复的值，Set内部会有个类似强等于===比较，相同值就不会再加入进去。

const aa = new Set([1, 2, 3, 1, 1, 2, 23, 3]);
console.log(aa);

二、Map
类似于对象，但是键可以是任意类型的，不仅仅是字符串类型，也不限于引用类型。键值对的集合，提供“值-值”的对应，主要用途是存储键值对

Map常用属性及API:

• size: 属性，获取字典成员个数
• set(key, value)：方法，向字典中添加键值对
• get(key)：方法，返回通过键名查找到的值
• has(key)：方法，判断字典中是否存在键key
• delete(key)：方法，通过键 key 从字典中移除对应的数据
• clear()：方法，将这个字典中的所有元素删除

Map遍历方法

• Keys()：将字典中包含的所有键名以迭代器形式返回(返回的不是数组)
• values()：将字典中包含的所有数值以迭代器形式返回(返回的不是数组)
• entries()：返回所有成员的迭代器(返回的不是数组)
• forEach()：遍历字典的所有成员

const aa = new Map();
aa.set("name", "cheng");
aa.set("age", "12");
console.log(aa.size);
console.log(aa.get("name"));
console.log(aa.has("name"));
console.log(aa.has("12"));
// aa.delete("name");
console.log(aa);
// 两种遍历方式，也可以对key或者values遍历，aa.keys，aa.values.
aa.forEach((item, value) => {
  console.log(item, value);
});
for (let [item, value] of aa) {
  console.log(item, value);
}
// 清空Map集合
aa.clear();
console.log(aa);

三、WeakMap
类似于 Map，但是键只能是对象类型，且键名所指向的对象是弱引用，这意味着如果这个对象在其他地方没有被引用，那么它将会被垃圾回收，这也是 WeakMap 的主要应用场景
PS：WeakMap 弱引用的只是键名，而不是键值。键值依然是正常引用

WeakMap提供的API方法

• has(key)：判断是否有 key 关联对象
• get(key)：返回key关联对象（没有则则返回 undefined）
• set(key)：设置一组key关联对象
• delete(key)：移除 key 的关联对象

var wm = new WeakMap([[[], 3]]) // 和map一样可通过传入二维数组创建成员
console.log( wm ) // WeakMap {} 因为[]没有被其它变量引用，所以被回收
var arr = []
var wm = new WeakMap([[arr, 3]])
console.log( wm ) // WeakMap {Array(0) => 3}
var wm = new WeakMap([['a', 3]]) // Uncaught TypeError: Invalid value used as weak map key

四、WeakSet
类似于 Set，但成员只能是对象类型，且成员对象是弱引用，这意味着如果这个对象在其他地方没有被引用，那么它将会被垃圾回收，这也是 WeakSet 的主要应用场景

注：WeakSet提供了三种API，用法同Set一样：add()、has()、delete()

var s = new WeakSet()
var o = function(){}
s.add(o)
console.log(s) // WeakSet {ƒ}
o = {} // 此时之前的函数已无其他变量引用，就被回收，s中已不存在上面添加的函数啦。
s.add(o) 
console.log(s) // WeakSet {{…}}
s.add(3) // Uncaught TypeError: Invalid value used in weak set
var nv = new Number(3)
s.add(nv)
console.log(s) // WeakSet {{…},Number}

• WeakSet对集合中的元素类型有限制，只能是对象类型，但这个对象不能狭隘的理解成只是Object类型，总结成就是只能是引用数据类型，不能是基本数据类型。

• WeakSet 是弱引用，Set可看做强引用，即取消外部对 WeakSet中的对象引用，那么垃圾回收机制会自动回收该对象所占用的空间，故此时WeakSet中会删掉该对象。但在Set中取消外部引用对其没影响，只要Set实例存在引用，垃圾回收机制就不能释放该对象的内存空间，所以Set类型可以看作是一个强引用。

• WeakSet 不可遍历，没有size属性，这点是能够理解的，因为里面元素个数取决于垃圾回收机制有没有触发，运行前后可能元素个数有改变，所以禁止遍历

PS:WeakMap 和 WeakSet
的键是弱引用，这意味着垃圾回收机制可以自动回收不再被引用的键所对应的对象，而不用手动删除键或者值。同时，由于 WeakMap 和
WeakSet
中的键是弱引用，因此它们无法遍历全部内容，因为垃圾回收机制会不定期清除无用的键值对，因此不能保证所有键值对都在集合中一直存在~