JS之Set数据结构
小进进不将就关注
0.1372018.09.22 23:07:48字数 494阅读 5,748
1、Set是什么?有何特点?
Set是ES6新的数据结构,类似数组,但成员的值是唯一的,没有重复的值。
2、如何使用Set?
(1)生成一个Set,添加重复值会被过滤掉
let s = new Set()
s.add(1)
s.add(2)
s.add(2)
s.add(3)
for(let item of s){
console.log(item) //1,2,3
}
(2)接收一个数组用来初始化
let ss=new Set([1,2,3,3])
[...ss] //1,2,3
(3)去除数组的重复成员
- 1
[...new Set(array)]
- 2
Array.from(new Set(array))
注意,在Set内部,两个NaN相等,所以会去除重复的NaN,但是 === 是认为两个 NaN是不等的(NaN===NaN 结果是false)。
3、Object和Set在判断是否包括一个key的区别:
Object:
if(obj[xxx]){
//.....
}
Set:
if(set.has(xxx)){
//....
}
4、将Set结构转为数组:
- 1
let array=Array.from(new Set([1,2,3,4,5]))
- 2
[...new Set([1,2,3,4,5])]
注意:Set的遍历顺序,就是插入的顺序,和Array一样
5、什么是WeakSet()?
和Set结构类似,也是不重复的值的集合,但WeakSet的成员只能是对象。
6、如何使用ws?
let array=[[1,2],[3,4]]
let ws=new WeakSet(array) //{[1,2],[3,4]}
注意:是数组array里的成员[1,2],[3,4]成为ws的成员,而不是数组array本身。
所以这么写是错误的:
let array=[1,2,3,4]
let ws=new WeakSet(array) //报错
7、WeakSet的API:
add() //增
delete() //删
has() //是否存在
注意:ws没有size属性,因为它不可遍历。
8、为什么WeakSet不可遍历?
因为WeakSet的成员都是弱引用,随时可能消失,成员是不稳定的。
9、WeakSet的用处:
(1)使用ws储存DOM节点,就不用担心节点从文档移除时,会引发内存泄漏(即在被移除的节点上绑定的click等事件)。
(2)下面代码保证了Foo的实例方法,只能在Foo的实例上调用。这里使用 WeakSet 的好处是,foos对实例的引用,不会被计入内存回收机制,所以删除实例的时候,不用考虑foos,也不会出现内存泄漏。
const foos = new WeakSet()
class Foo {
constructor() {
foos.add(this)
}
method () {
if (!foos.has(this)) {
throw new TypeError('Foo.prototype.method 只能在Foo的实例上调用!');
}
}
}
(完)