set weakSet map weakMap重点详解

Set本身是一个构造函数，用来生成 Set 数据结构,Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。可以遍历
特点: 1.它类似于数组，但是成员的值都是唯一的，没有重复的值。

const set = new Set([1, 2, 3, 4, 4,'4',NaN,NaN]);
//得到的set，是一个对象{1,2,3,4,'4',NAN} ,需要用Array.from或者结构赋值转数组
[...set]
// [1, 2, 3, 4,'4',NaN]  
注:向 Set 加入值的时候，不会发生类型转换,所以4和"4"是两个不同的值。
Set原理对比类似于‘===’运算符，但是NaN在set内部，它会认定是相等的

他有4个方法:add、delete、has、clear
用途:1.去除数组的重复成员 […new Set(array)],
也可以用来去除字符串重复的成员 […new Set(‘ababbc’)].join(’’)

WeakSet 是一个构造函数，可以使用new命令，创建 WeakSet 数据结构。
WeakSet 不能遍历，是因为成员都是弱引用，随时可能消失，遍历机制无法保证成员的存在，很可能刚刚遍历结束，成员就取不到了。WeakSet 的一个用处，是储存 DOM 节点，而不用担心这些节点从文档移除时，会引发内存泄漏。

MAP

共同点：map可以储存不重复的值
不同点：set是以 [value, value]的形式储存元素，map是以 [key, value] 的形式储存
可以遍历，方法很多可以跟各种数据格式转换

WeakMap
WeakMap 对象是一组键值对的集合，其中的键是弱引用对象，而值可以是任意。

注意，WeakMap 弱引用的只是键名，而不是键值。键值依然是正常引用。

WeakMap 中，每个键对自己所引用对象的引用都是弱引用，在没有其他引用和该键引用同一对象，这个对象将会被垃圾回收（相应的key则变成无效的），所以，WeakMap 的 key 是不可枚举的。
不能遍历，方法有get、set、has、delete

扩展：Object与Set、Map
Object 与 Set

// Object
const properties1 = {
    'width': 1,
    'height': 1
}
console.log(properties1['width']? true: false) // true

// Set
const properties2 = new Set()
properties2.add('width')
properties2.add('height')
console.log(properties2.has('width')) // true
Object 与 Map

JS 中的对象（Object），本质上是键值对的集合（hash 结构）

const data = {};
const element = document.getElementsByClassName('App');

data[element] = 'metadata';
console.log(data['[object HTMLCollection]']) // "metadata"

但当以一个DOM节点作为对象 data 的键，对象会被自动转化为字符串[Object HTMLCollection]，所以说，Object 结构提供了 字符串-值 对应，Map则提供了 值-值 的对应