野生前端的数据结构基础练习（6）——集合

网上的相关教程非常多，基础知识自行搜索即可。

习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。

参考代码可见:https://github.com/dashnowords/blogs/tree/master/Structure/Set

[TOC]

集合的基本知识

• 定义：

  集合Set是一种不包含不同元素的数据结构，主要特性包括无序性和单一性，即集合中的成员是无序的，同时也是不重复的。

基本练习

实现一个自定义的cSet类（避免与原生的Set类冲突），包含以下方法:

dataStore-类属性，用于存储集合中的成员，用数组实现即可。

add(value)- 向集合中加入成员。

remove(value)- 从集合中移除成员。

union(cSetInstance) - 求并集

intersect(cSetInstance)求交集

difference(cSetInstance)求差集

show( )-显示集合成员

课后习题（书中第九节习题）

1.修改Set类，使得里面的元素按顺序存储，并写一段代码测试该修改。

2.修改Set类，将存储方式从数组替换为链表，并写一段代码测试该修改。

3.为Set类增加一个higher(element)方法，该方法返回比传入元素大的元素中最小的一个，并写一段代码来测试该功能。

4.为Set类增加一个lower(element)方法，该方法返回比传入元素小的元素中最大的一个，并写一段代码来测试该功能。

习题思路

1.add(value)方法中检测完重复性后，使用插入排序算法和splice(i,0,value)方法将成员直接插入正确位置。

2.将前述章节中实现的List.js类引入，使用一个新的类继承Set类并复写其构造函数及相关方法即可。

3.习题1中已经实现了插入排序，higher(element)只需要在Set中找到element应该插入的位置，该位置后一个元素即满足查找条件。

4.思路同上，不再赘述。

ES6新特性

阮一峰的ES6教程：http://es6.ruanyifeng.com/#docs/set-map

ES6中原生实现了Set,Map,WeakSet,WeakMap跟集合相关的类型，和数据结构中的集合不完全一致，数据结构中的集合主要是一种数学概念的表现，而ES6中的集合拥有一些针对特定问题的开发相关的特性。

1.数组去重

借助集合可以实现js中最简洁的数组去重方式:

//实现了Iterable接口的数据结构都可以作为初始化Set的参数
cosnt uniqueArr = [...new Set(arr)];

2.集合遍历

keys(),values(),entries()方法分别返回不同类型的遍历器，可供for...of循环结构消费。

3.数学特性

原生Set类并没有定义集合的数学运算操作方法，因为可以很方便的直接实现：

//并集
let union = new Set([...a,...b]);
//交集
let intersect = new Set([...a].filter(x=>b.has(a)));
//差集
let difference = new Set([...a].filter(x=>!b.has(a)));

4.WeakSet

WeakSet的成员变量只能是对象，被放入其中的对象都是弱引用，在其他引用都解除后，垃圾回收机制不会考虑WeakSet对该对象的持有。上面的教程中提到WeakMap的主要用途是用于DOM节点的存储，防止DOM节点移除后造成内存泄漏。基础知识可以参考这篇博文《Javascript中4种常见的内存泄漏陷阱》。

5.WeakMap

WeakMap的设计目的，在于当在某个DOM对象上存放一些数据时，会形成对这个对象的引用，影响垃圾回收机制，典型应用场景是在DOM元素上添加数据，当DOM元素被清除时，对应的WeakMap记录也会被自动清除。