Set、Map、WeakSet、WeakMap

set

类似于数组，但是成员的值都是唯一的，没有重复的值。

注意：

• 给Set结构中加入值时，内部使用"==="来判断，，比如"5"和5是不同的，但需要注意平时使用NaN===NaN结果为false，但是在Set内部两个NaN是相同的。
• 两个对象总是不相等的，{}和{}也是不相同的

方法：

• size属性
• Set.prototype.add()
• Set.prototype.delete()
• Set.prototype.has()
• Set.prototype.clear()：清空所有成员
• Set.prototype.keys()：返回键名的遍历器
• Set.prototype.values()：返回键值的遍历器
• Set.prototype.entries()：返回键值对的遍历器
• Set.prototype.forEach()：使用回调函数遍历每个成员

由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。

let set = new Set(['red', 'green', 'blue']);

for (let item of set.keys()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.values()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.entries()) {
  console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]

s.forEach((value, key)=>{
    console.log(value);
})
// red
// green
// blue

用途：

• 用来数组去重
  [...new Set(array)]
• 字符串去重
  [...new Set('abcdda')].join("")

WeakSet

用途：可与储存 DOM 节点，而不用担心这些节点从文档移除时，会引发内存泄漏。

• WeakSet 的成员只能是对象和 Symbol 值，其他类型会报错。
• 弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于 WeakSet 之中。
• WeakSet 不可遍历。因为内部对象的个数取决于垃圾回收的时机，垃圾回收前后，个数可能是不固定的。

---

map

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

• “键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键
• 只有对同一个对象的引用，Map 结构才将其视为同一个键。Map 的键实际上是跟内存地址绑定的，只要内存地址不一样，就视为两个键。
• 如果 Map 的键是一个简单类型的值（数字、字符串、布尔值），则只要两个值严格相等，Map 将其视为一个键，比如0和-0就是一个键，布尔值true和字符串true则是两个不同的键。另外，undefined和null也是两个不同的键。虽然NaN不严格相等于自身，但 Map 将其视为同一个键。

1. 方法：

• size属性
• Map.prototype.set()
• Map.prototype.get()
  …和set方法相同

2. map与其他数据类型之间的转化：

1. Map 转为数组

let myMap = new Map()
  .set(true, 7)
  .set({foo: 3}, ['abc']);
console.log([...myMap]);
//[ [ true, 7 ], [ { foo: 3 }, [ 'abc' ] ] ]

2. 数组 转为 Map

new Map([
  [true, 7],
  [{foo: 3}, ['abc']]
])

3. Map 转为对象

function strMapToObj(strMap) {
  let obj = Object.create(null);
  for (let [k,v] of strMap) {
    obj[k] = v;
  }
  return obj;
}

const myMap = new Map()
  .set('yes', true)
  .set('no', false);
console.log(strMapToObj(myMap));
//{ yes: true, no: false }

4. 对象转为 Map

function objToStrMap(obj) {
  let strMap = new Map();
  for (let k of Object.keys(obj)) {
    strMap.set(k, obj[k]);
  }
  return strMap;
}

console.log(objToStrMap({yes: true, no: false}));
// Map {"yes" => true, "no" => false}

5. Map 转为 JSON

function strMapToJson(strMap) {
  return JSON.stringify(strMapToObj(strMap));
}

let myMap = new Map().set('yes', true).set('no', false);
console.log(strMapToJson(myMap));
// '{"yes":true,"no":false}'

另一种情况，将Map转为数组JSON

function mapToArrayJson(map) {
  return JSON.stringify([...map]);
}

let myMap = new Map().set(true, 7).set({foo: 3}, ['abc']);
mapToArrayJson(myMap)
// '[[true,7],[{"foo":3},["abc"]]]'

6. JSON 转为 Map

function jsonToStrMap(jsonStr) {
  return objToStrMap(JSON.parse(jsonStr));
}
console.log(jsonToStrMap('{"yes": true, "no": false}'));
// Map {'yes' => true, 'no' => false}

另一种情况

function jsonToMap(jsonStr) {
  return new Map(JSON.parse(jsonStr));
}

jsonToMap('[[true,7],[{"foo":3},["abc"]]]')
// Map {true => 7, Object {foo: 3} => ['abc']}

WeakMap

是 JavaScript 中的一种内置对象，它提供了一种键-值对的存储方式。与普通的 Map 对象不同，WeakMap 的键只能是对象，并且对于不再被引用的键，其对应的值会被自动回收，不会造成内存泄漏。WeakMap 的主要应用场景是在需要存储一些临时数据或私有数据，并且不希望影响垃圾回收的情况下使用。
下面是 WeakMap 的一些特点和原理：

• 只接受对象和symbol作为键：WeakMap 的键只能是对象，不能是基本数据类型（如字符串、数值等）。这是因为 WeakMap 使用对象的引用作为键，当对象不再被引用时，垃圾回收机制可以自动清理与之相关的键值对。
• 弱引用特性：WeakMap 中的键是弱引用的，这意味着当键对象不再被引用时，垃圾回收机制可以自动清理与之相关的键值对。在没有其他引用的情况下，键对象会被垃圾回收，并从 WeakMap 中删除对应的键值对。
• 不可迭代：由于 WeakMap 的键是弱引用的，垃圾回收机制可以在任何时候删除键值对，因此 WeakMap 不支持迭代操作，也没有相关的迭代器方法（如 keys()、values()、entries() 和 forEach()）。
• 没有公开的方法和属性：WeakMap 没有提供直接访问和操作键值对的方法和属性。只能通过 set()、get() 和 delete() 方法来操作键值对。

⚠️注意：由于 WeakMap 的键是弱引用的，因此无法遍历键值对，也无法获知具体的键。WeakMap 主要用于存储一些临时数据或私有数据，当对应的对象不再被引用时，相关的键值对会被自动清理，减少了内存占用。在开发中，可以利用 WeakMap 来实现对象的私有属性或缓存数据等场景。

let a = new WeakMap();
let obj = {a:"12"};
a.set(obj, "12");
console.log(a.get(obj)); //12
obj = null;
console.log(a.get(obj)); //undefined

典型用法场合： DOM 节点作为键名。将DOM的状态用WeakMap来存储，要是之后DOM被清除，则对应的状态也会被清除，不会产生内存泄露。