JS之Set数据结构

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的实例上调用！');
    }
  }
}

（完）