在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 节点,而不用担心这些节点从文档移除时,会引发内存泄漏