用js来实现那些数据结构10（集合02-集合的操作）[通俗易懂]
用js来实现那些数据结构10（集合02-集合的操作）[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。
前一篇文章我们一起实现了自定义的set集合类。那么这一篇我们来给set类增加一些操作方法。那么在开始之前，还是有必要解释一下集合的操作有哪些。便于我们更快速的理解代码。
1、并集：对于给定的两个集合，返回一个包含两个集合中所有元素的新集合。注意，集合中不会有重复的值。
2、交集：对于给定的两个集合，返回一个包含两个集合中共有元素的新集合。
3、差集：对于给定的集合，返回一个包含所有存在于第一个集合且不存在于第二个集合的元素的新集合。简单来说就是我有你没有的元素。
4、验证一个给定集合是否是另一个集合的子集。
这里我们就不详细的再赘述一遍集合操作的数学计算方法了。有兴趣或者忘记了的小伙伴可以百度一下。那么咱们就正式开始集合的操作方法。
一、并集
//并集操作
this.union = function (otherSet) {
//存储两个集合元素的新集合，后面我们会把它作为返回值返回。
let unionSet = new Set(); //values为当前set的数组列表 let values = this.values(); //循环加入 for(let i = 0; i < values.length; i++) { unionSet.add(values[i]); } //重新复制values values = otherSet.values(); //把otherSet的值循环存入unionSet，由于我们的add不会加入重复的值，自然在unionSet中就不会出现重复的值 for(let i = 0; i < values.length; i++) { unionSet.add(values[i]); } return unionSet; }我们发现，其实并集的操作十分简单，就是声明一个新的set，然后通过循环两个setA和setB中的值存入新的unionSet中就可以了。一点都不复杂
let setA = new Set();
setA.add(1); setA.add(2); setA.add(3); let setB = new Set(); setB.add(3); setB.add(4); setB.add(5); setB.add(6); let unionAB = setA.union(setB); console.log(unionAB.values());// [1, 2, 3, 4, 5, 6]二、交集
//交集操作
this.intersection = function (otherSet) {
let intersectionSet = new Set(); let values = this.values(); for (let i = 0; i < values.length; i++) { if(otherSet.has(values[i])) { intersectionSet.add(values[i]) } } return intersectionSet; }交集操作其实十分简单，一句话就是检查setA中的元素是否在setB中也有，如果有那么久存入intersectionSet中。就跟我们要查找两个数组中是否有相同的元素是一个道理。
let setC = new Set();
setC.add(5); setC.add(6); setC.add(7); let setD = new Set(); setD.add(5); setD.add(7); setD.add(4); setD.add(8); let intersectionSetCD = setC.intersection(setD); console.log(intersectionSetCD.values());//[5,7]三、差集
//差集操作
this.difference = function (otherSet) {
let differenceSet = new Set(); let values = this.values(); for (let i = 0; i < values.length; i++) { //只是比交集操作这里的判断改成了非（！）而已 if(!otherSet.has(values[i])) { differenceSet.add(values[i]) } } return differenceSet; }差集的操作和并集的操作十分类似。并集是需要两个集合中都存在的元素（你有我也有），而差集是存在于setA中但是不存在于setB中（你有我没有）。
所以我们只需要稍微更改一下交集的代码就可以了。
let setM = new Set();
setM.add(5); setM.add(6); setM.add(7); let setN = new Set(); setN.add(5); setN.add(7); setN.add(4); setN.add(8); let differenceSetMN = setM.difference(setN); console.log(differenceSetMN.values());//[6]四、子集
//子集操作
this.subset = function (otherSet) {
if(this.size() > otherSet.size()) { return false; } else { let values = this.values(); for (let i = 0; i < values.length; i++) { if(!otherSet.has(values[i])) { return false; } } return true; } }其实子集操作也没什么好解释的，只是要注意的是如果setA的子集是setB，那么setA的元素个数是一定大于或等于setB的。否则setB就不可能是setA的子集。所以我们在最开始就判断元素的size是否符合这个定义。
那么如果符合，我们在遍历整个setB的元素，判断在setA中是否存在，只要有不存在的就直接返回false，如果遍历结束都存在，那么才返回true。
let setX = new Set();
setX.add(1); setX.add(2); let setY= new Set(); setY.add(1); setY.add(2); setY.add(3); let setZ= new Set(); setZ.add(2); setZ.add(3); setZ.add(4); console.log(setX.subset(setY));//true console.log(setX.subset(setZ));//false这里我们就介绍完了集合的操作，是不是十分简单。那么接下来我们来看看ES6原生的set类是什么样子的。
ES6原生Set类
我们先来看看原生set类的简单例子：
let set = new Set();
set.add(1); console.log(set.values());//SetIterator {1} set.add(2); console.log(set.has(1));//true console.log(set.size)//2 console.log(set.delete(1));//true console.log(set.size)//1 console.log(set.has(1));//false console.log(set.has(2));//true原生Set类拥有has()、add()、delete()、clear()等方法。也拥有values()、keys()、entries()、forEach()等遍历方法，还拥有一个size属性。这里不会详细的介绍每一个属性方法，想要深入学习大家可以自行去查阅。
那么我们看看如何用原生Set类来操作集合。
let setA = new Set();
setA.add(1); setA.add(2); setA.add(3); let setB = new Set(); setB.add(2); setB.add(3); setB.add(4); //模拟并集操作 let unionAb = new Set(); //其实跟我们自定义并集操作的原理是一样的，分别遍历两个集合并把其元素加入到unionAb中 //for...of 这种操作也是ES6的循环遍历方法。 for (let x of setA) unionAb.add(x); for (let x of setB) unionAb.add(x); console.log(unionAb.values())//SetIterator {1, 2, 3, 4} //模拟交集操作 //模拟交集操作需要创建一个辅助函数，来生成包含setA和setB都有的元素的新集合。 let intersetion = function (setA,setB) { let intersetionSet = new Set(); for(let x of setA) { if(setB.has(x)) { intersetionSet.add(x); } } return intersetionSet; } let intersetionAb = intersetion(setA,setB); console.log(intersetionAb.values())//SetIterator {2, 3} //模拟差集操作 //同样的，跟交集操作极为类似，只是判断条件刚好相反罢了 let difference = function (setA,setB) { let differenceSet = new Set(); for(let x of setA) { if(!setB.has(x)) { differenceSet.add(x); } } return differenceSet; } let differenceAb = difference(setA,setB); console.log(differenceAb.values())//SetIterator {1}在写完了ES6原生Set类模拟集合操作的时候，我们发现跟我们自定义的集合操作方法极为相似。只是我们使用了ES6原生的接口罢了。大家可以尝试着对比一下这两种类型的代码。加深印象。
到这里集合就介绍完毕了。回顾一下代码，我们发现其实集合的各种操作方法在我们的实际工作中也是经常应用到的，只是我们在用数组操作，并没有十分的去注意这些细节。比如并集操作，我们在合并两个数组的时候肯定用到过。比如交集操作，我们在查找两个数组中公共元素的时候就会用到。所以其实我们在工作中已经用过或者说经常使用这些类似于集合操作的思想。
最后，由于本人水平有限，能力与大神仍相差甚远，若有错误或不明之处，还望大家不吝赐教指正。非常感谢！
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/124423.html原文链接：https://javaforall.cn
腾讯云开发者
