JavaScript Set 和weakset

在ES6, 增加了Set和WeakSet两个集合，简单总结一下使用方法以及他们的区别

1.Set是一个新的数据结构，类似于数组，不过里面的数值是不能重复的

Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。下面先介绍四个操作方法。

• add(value)：添加某个值，返回 Set 结构本身。
• delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
• has(value)：返回一个布尔值，表示该值是否为Set的成员。
• clear()：清除所有成员，没有返回值

Set 结构的实例有四个遍历方法，可以用于遍历成员。

• keys()：返回键名的遍历器
• values()：返回键值的遍历器
• entries()：返回键值对的遍历器
• forEach()：使用回调函数遍历每个成员

需要特别指出的是，Set的遍历顺序就是插入顺序。这个特性有时非常有用，比如使用 Set 保存一个回调函数列表，调用时就能保证按照添加顺序调用。

由于Set没有键值，所以keys()和values()返回的结果是一样的

比如下面的例子，可以看出keys()和values()是一样的结果，而entries()返回的key和value的值是一样的。

var 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']
*/

对于foreach，由于Set没有key， key就是value的值，例如

var set = new Set(['red', 'green'])
set.forEach((key, value)=>{console.log(key + ':' + value)})

/*
red:red
green:green
*/

另外数组的map和filter方法，也可以直接用于Set对象，比如

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

let set = new Set([1, 2, 3, 4, 5]);
set = new Set([...set].filter(x => (x % 2) == 0));
// 返回Set结构：{2, 4}

通过filter方法，可以很简单的实现两个Set的交集，差集，并集等等

2. WeakSet也是一种集合，顾名思义，弱集合（实际上是对集合内数据的弱引用）

它与Set的区别有两点，一：只能存储对象，无法存储基本数据类型，比如数字，Symbol。

二：是一种弱引用，也就是对象加入到WeakSet之后，引用计数不会加一，所以在垃圾回收（根据引用计数进行的判断）的时候，存储的对象很可能就没有了，被回收了，所以遍历的函数都无法使用。

基于上述两点，有些方法要注意，例如：

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

放入ws的不是数组a,是a中的内容，那么如下操作就是错的

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

WeakSet 的一个用处，是储存 DOM 节点，而不用担心这些节点从文档移除时，会引发内存泄漏