ES6 - Set、Map、WeakSet、WeakMap

本文是阮大神的ES6看完的学习笔记，方便日后查阅复习

一、Set

1、Set是啥：

它类似于数组，但是成员的值都是唯一的
是个对象
Set 结构没有键名，只有键值（或者说键名和键值是同一个值)

2、参数：

  - 可以接受：具有 iterable 接口的其他数据结构，例：数组、字符串、null、undefined、不传
  - 不能接受： 数字、NaN、{}

  new Set([1, 2, 3, 4, 4]);

3、用途：

  - 数组去重
  [...new Set(array)]  // 因为newSet是对象，得转成数组

  - 遍历对象
  let set = new Set([1, 2, 3]);
  set = new Set([...set].map(x => x * 2));
  // 返回Set结构：{2, 4, 6}
  -

4、实例属性和方法

属性：
Set.prototype.constructor：构造函数，默认就是Set函数。
Set.prototype.size：返回Set实例的成员总数。
操作方法：
Set.prototype.add(value)：添加某个值，返回 Set 结构本身。
Set.prototype.delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
Set.prototype.has(value)：返回一个布尔值，表示该值是否为Set的成员。
Set.prototype.clear()：清除所有成员，没有返回值。
遍历方法:
Set.prototype.keys()：返回键名的遍历器
Set.prototype.values()：返回键值的遍历器
Set.prototype.entries()：返回键值对的遍历器
Set.prototype.forEach()：使用回调函数遍历每个成员
直接用for...of循环遍历 Set

二、Map

1、Map是啥：
它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键

2、参数

  - 可以接受：具有 iterable 接口的其他数据结构，例：数组、null、undefined、不传
  - 不能接受： 数字、NaN、字符串、{}

const map = new Map([
  ['name', '张三'],
  ['title', 'Author']
]);

3、用途

结合数组的map方法、filter方法，可以实现 Map 的遍历和过滤（Map 本身没有map和filter方法）。
const map0 = new Map()
  .set(1, 'a')
  .set(2, 'b')
  .set(3, 'c');

const map1 = new Map(
  [...map0].filter(([k, v]) => k < 3)
);

4、实例属性和方法

属性：
Map.prototype.size
操作方法：
Map.prototype.set(key, value)
Map.prototype.get(key)
Map.prototype.has(key)
Map.prototype.delete(key)
Map.prototype.clear()
遍历方法
Map.prototype.keys()：返回键名的遍历器。
Map.prototype.values()：返回键值的遍历器。
Map.prototype.entries()：返回所有成员的遍历器。
Map.prototype.forEach()：遍历 Map 的所有成员。
for...of...

三、WeakSet

1、WeakSet是啥：

WeakSet 结构与 Set 类似，也是不重复的值的集合
WeakSet 中的对象都是弱引用, 垃圾回收机制前后，WeakSet成员数可能是不一样的，所以WeakSet 不可遍历。

2、参数

可以接受： 数组 [[], []] 、null、undefined、不传、空串
不能接受： 数字、NaN、字符串、{}

const a = [[1, 2], [3, 4]];
const ws = new WeakSet(a);
// WeakSet {[1, 2], [3, 4]}

const b = [3, 4];
const ws = new WeakSet(b);
// Uncaught TypeError: Invalid value used in weak set(…)

3、实例属性和方法
WeakSet 没有size属性，没有办法遍历它的成员。
操作方法：
WeakSet.prototype.add(value)：向 WeakSet 实例添加一个新成员。
WeakSet.prototype.delete(value)：清除 WeakSet 实例的指定成员。
WeakSet.prototype.has(value)：返回一个布尔值，表示某个值是否在 WeakSet 实例之中。

四、WeakMap

1、WeakMap是啥：

WeakMap结构与Map结构类似，也是用于生成键值对的集合。
WeakMap 弱引用的只是键名，而不是键值。键值依然是正常引用。

const wm = new WeakMap();

2、参数

WeakMap只接受对象作为键名（null除外），不接受其他类型的值作为键名。

3、应用

// 不使用WeakMap： 一旦不再需要这两个对象，我们就必须手动删除这个引用，否则垃圾回收机制就不会释放e1和e2占用的内存。
const e1 = document.getElementById('foo');
const e2 = document.getElementById('bar');
const arr = [
  [e1, 'foo 元素'],
  [e2, 'bar 元素'],
];
// 必须手动删除引用
arr [0] = null;
arr [1] = null;

// WeakMap的键名所指向的对象，不计入垃圾回收机制。只要所引用的对象的其他引用都被清除，垃圾回收机制就会释放该对象所占用的内存。也就是说，一旦不再需要，WeakMap 里面的键名对象和所对应的键值对会自动消失，不用手动删除引用。

应用的典型场合：
1、DOM 节点作为键名，一旦这个 DOM 节点删除，该状态就会自动消失，不存在内存泄漏风险。
2、部署私有属性，如果删除实例，它们也就随之消失，不会造成内存泄漏。

4、实例属性与方法

没有size属性
不支持clear方法
没有keys()、values()和entries()方法，因为某个键名是否存在完全不可预测
四个方法可用：get()、set()、has()、delete()。