u=261218876,2363122345&fm=26&gp=0.jpg

什么是集合

集合

集合是由一组无序且唯一 (即不能重复) 的项组成。

在数学中,集合是一组不同对象的集合。比如是说,一个又大于或等于 0 的整数组成的自然数集合: N = {0, 1, 2, 3,4,5, 6, …}。集合中的对象列表用花括号 {} 包围。

空集

空集是不包含任何元素的集合。空集用 {} 表示。

实现集合

定义集合类

我们使用 ES6 的 class 语法来创建一个基于对象的 Set 类:

  1. class Set {
  2. constructor() {
  3. this.items = {}
  4. }
  5. }

接下来,我们为集合声明一些可用的方法:

add(element) 向集合添加一个新元素
delete(element) 从集合中移除一个元素
has(element) 判断一个元素是否在集合中
clear() 移除集合中的所有元素
size() 返回集合中所包含元素的数量
values() 返回一个包含集合中所有元素的数组
isEmpty() 判断集合是否为空
size() 返回集合中元素个数
clear() 清空集合
toString() 将集合中的元素以字符串形式输出

下面,我们逐一实现这些方法:

add 向集合添加一个新元素

  1. add(element) {
  2. if (!this.has(element)) {
  3. this.items[element] = element;
  4. return true;
  5. }
  6. return false;
  7. }

向集合中添加一个 element 的时候,首先检查它是否存在于集合中,如果不存在,就将 element 添加到集合中,并返回 true,表示添加了该元素;如果集合中已经有了这个element,则返回 false ,表示没有添加这个元素。

delete 从集合中移除一个元素

  1. delete(element) {
  2. if (this.has(element)) {
  3. delete this.items[element];
  4. return true;
  5. }
  6. return false;
  7. }

同样的,从集合中移除一个元素时,首先判断该元素是否存在于集合中,如果存在,就从集合中移除,并返回 true,表示元素被移除;如果不存在,则返回 false。

has 判断一个元素是否在集合中

  1. has(element) {
  2. return Object.prototype.hasOwnProperty.call(this.items, element);
  3. }

我们使用 Object 的原型方法 hasOwnProperty 来判断元素是否在集合中。hasOwnProperty 方法返回一个表明对象是否具有特定属性布尔值。

clear 移除集合中的所有元素

  1. clear() {
  2. this.items = {}
  3. }

size 返回集合中所包含元素的数量

方法一:使用 Object.keys()

  1. size() {
  2. return Object.keys(this.items).length;
  3. }

在 size 方法中,我们使用 Object 类的 keys 方法来获取集合中所包含元素的数量。keys 方法返回一个包含给定对象所有属性的数组,然后我们可以使用数组的 length 属性来返回集合中的元素数量。

方法二:使用 for…in 循环

  1. size() {
  2. let count = 0;
  3. for (let key in this.items) {
  4. if (this.items.hasOwnProperty(key)) {
  5. count++
  6. }
  7. }
  8. return count;
  9. }

我们定义一个 count 变量来存储集合中元素的个数, 然后使用 for…in 循环迭代 items 对象的所有属性,检查它们是否是对象自身的属性,如果是,就递增 count 变量的值,最后在方法结束时返回 count 变量。

values 返回一个包含集合中所有元素的数组

方法一:使用 Object.values()

  1. values() {
  2. return Object.values(this.items);
  3. }

我们使用 Object 类内置的 values 方法可以很轻松的获取集合中的所有元素,但Object.values 方法目前只在现代浏览器中可用。

方法二:使用 for…in 循环

  1. values() {
  2. let values = [];
  3. for (let key in this.items) {
  4. if (this.items.hasOwnProperty(key)) {
  5. // 注意,我们保存的集合元素 key 与 value 相同,因此可以直接将 key push 进 values 中
  6. values.push(key)
  7. }
  8. }
  9. }

isEmpty 判断集合是否为空

  1. isEmpty() {
  2. return this.size() === 0;
  3. }

toString 将集合中的元素以字符串形式输出

  1. toString() {
  2. if (this.isEmpty()) {
  3. return '';
  4. }
  5. const values = this.values();
  6. let objString = `${values[0]}`;
  7. for (let i = 1; i < values.length; i++) {
  8. objString = `${objString}, ${values[i].toString()}`;
  9. }
  10. return objString;
  11. }

集合运算

在数学中,集合有 并集、交集、差集、子集等运算,我们也可以使用我们定义的集合类进行这些运算。

  • 并集:对于给定的两个集合,返回一个包含两个集合中所有元素的新集合
  • 交集:对于给定的两个集合,返回一个包含两个集合中共有元素的集合
  • 差集:对于给定的两个集合,返回一个包含所有存在于第一个集合且不存在于第二个集合的元素的新集合
  • 子集:验证一个给定集合是否是另一个集合的子集

并集

在数学概念中,集合 A 和集合 B 的并集表示如下:
A ∪ B

该集合的定义如下:
A ∪ B = {x | x ∈ A ∨ x ∈ B}

意思是 x (元素) 存在于 A 中,或 x 存在于 B 中。下图展示了并集运算:
setA&B (1).jpg

下面,我们实现 Set 类的 union 方法:

  1. union(otherSet) {
  2. // 存放并集的结果
  3. const unionSet = new Set();
  4. // 迭代当前集合的所有值,将值添加到并集 集合中
  5. this.values().forEach(value => unionSet.add(value));
  6. // 迭代 otherSet 的所有值,将值添加到并集 集合中
  7. otherSet.values().forEach(value => unionSet.add(value));
  8. return unionSet;
  9. }

首先使用 ES6 提供的数据结构 Set 来创建一个新的集合 unionSet,代表两个集合的并集。接着获取第一个集合(当前的 Set 类实例)的所有值,迭代并全部添加到代表并集的集合中。然后对第二个集合做同样的是,最后将代表并集的集合返回。

交集

在数学概念中,集合 A 和集合 B 的交集表示如下:
A ∩ B

该集合的定义如下:
A ∩ B = {x | x ∈ A ∧ x ∈ B}

意思是 x (元素) 存在于 A 中,且 x 存在于 B 中,下图展示了交集运算:
setA&B (2).jpg

下面,我们实现 Set 类的 intersection 方法:

  1. intersection(otherSet) {
  2. // 存放交集的结果
  3. const intersectionSet = new Set();
  4. // 当前集合(当前 Set 类的实例)的所有值
  5. const values = this.values();
  6. // 第二个集合的所有值
  7. const otherValues = otherSet.values();
  8. // 假设当前的集合元素较多
  9. let biggerSet = values;
  10. // 假设第二个集合元素较少
  11. let smallerSet = otherValues;
  12. // 比较两个集合的元素个数,如果另外一个集合的元素多于当前集合,则交换 biggerSet 和 smallerSet
  13. if (otherValues.length - values.length > 0) {
  14. biggerSet = otherValues;
  15. smallerSet = values;
  16. }
  17. // 迭代较小的集合,计算出两个集合共有元素添加到 交集 集合中
  18. smallerSet.forEach(value => {
  19. if (biggerSet.includes(value)) {
  20. intersectionSet.add(value);
  21. }
  22. })
  23. // 将交集结果返回
  24. return intersectionSet;
  25. }

intersection 方法会得到所有同时存在于两个集合中的元素。我们首先创建一个新的集合 intersectionSet 来存放交集的结果。然后分别获取当前 Set 实例中的所有元素和另一个集合中的所有元素。我们假定当前集合的元素较多,另一个集合的元素较少,比较两个集合的元素个数,如果另一个集合的元素个数多于当前集合中的元素个数,我们就交换 biggerSet 和 smallerSet 的值。最后迭代较小集合 smallerSet 来计算出两个集合的共有元素。

差集

在数学概念中,集合 A 和集合 B 的差集表示为:
A﹣B

该集合的定义如下:
A﹣B = {x | x ∈ A ∧ x ∉ B}

意思是 x (元素) 存在于 A 中,且 x 不存在于 B 中。下图展示了集合 A 和集合 B 的差集运算:
setA&B (3).jpg

下面,我们来实现 Set 类的 subtract 方法:

  1. subtract(otherSet) {
  2. // 存放差集结果
  3. const subtractionSet = new Set();
  4. // 迭代当前集合的所有值
  5. this.values().forEach(value => {
  6. // 当前值不存在于 otherSet 中,将其添加到 差集 集合中
  7. if (!otherSet.has(value)) {
  8. // 将元素添加到集合中
  9. subtractionSet.add(value);
  10. }
  11. })
  12. return subtractionSet;
  13. }

subtract 方法会得到所有存在于集合 A 但不存在于集合 B 的元素。我们首先创建一个新的集合变量 subtractionSet 来存放差集结果。通过 this.values() 拿到集合A 中的所有值,然后迭代集合 A 中的所有值,将存在于集合A 但不存在于集合B 中的元素放入 subtractionSet 集合中,迭代完集合 A 中的所有元素后,subtractionSet 集合中的元素就是集合A 与集合B 差集。

子集

在数学概念中,集合 A 是集合 B 的一个子集(或者 B 包含 A),表示如下:

A ⊆ B

该集合的定义如下:

{x|∀x∈A ⇒ x ∈ B}

意思是集合A 中的每一个 x (元素),也需要存在于集合B 中。下图展示了集合A 是集合B 的子集:
setA&B (4).jpg

下面,我们来实现 Set 类的 isSubsetOf 方法:

  1. isSubsetOf(otherSet) {
  2. // 验证当前 Set 实例的大小
  3. // 当前 Set 实例的元素多于 otherSet,那么当前 Set 实例不是 otherSet 的子集
  4. if (this.size() > otherSet.size()) {
  5. return false;
  6. }
  7. // 假定当前 Set 实例是给定集合的子集
  8. let isSubset = true;
  9. // 迭代当前 Set 实例的所有元素
  10. this.values().every(value => {
  11. // 有任何元素不存在于 otherSet 中,那么当前 Set 实例就不是 otherSet 的子集
  12. if (!otherSet.has(value)) {
  13. isSubset = false;
  14. return false;
  15. }
  16. return true;
  17. })
  18. return isSubset;
  19. }

isSubsetOf 方法验证 集合 A 是否是 集合 B 的子集。我们首先需要验证当前 Set 实例的大小(集合A),如果当前实例中的元素比 otherSet 实例(集合B)更多,说明当前 Set 实例不是 otherSet 的子集。(子集的元素个数需要小于等于要比较的集合)。

接下来,我们假定当前集合是给定集合的子集,然后迭代当前集合的所有元素,并验证这些元素是否存在于 otherSet 中。如果有任何一个元素不存在于 otherSet 中,那么当前集合就不是给定集合的子集,我们就返回 false。如果所有元素都存在于 otherSet 中,那么当前集合就是给定集合的子集。

完整代码

  1. class Set {
  2. constructor() {
  3. this.items = {};
  4. }
  5. // 向集合添加一个新元素
  6. add(element) {
  7. if (!this.has(element)) {
  8. this.items[element] = element;
  9. return true;
  10. }
  11. return false;
  12. }
  13. // 从集合中移除一个元素
  14. delete(element) {
  15. if (this.has(element)) {
  16. delete this.items[element];
  17. return true;
  18. }
  19. return false;
  20. }
  21. // 判断一个元素是否存在于集合中
  22. has(element) {
  23. return Object.prototype.hasOwnProperty.call(this.items, element);
  24. }
  25. // 移除集合中的所有元素
  26. clear() {
  27. this.items = {};
  28. }
  29. // 返回集合中所包含元素的数量
  30. size() {
  31. let count = 0;
  32. for(let key in this.items) {
  33. if (this.items.hasOwnProperty(key)) {
  34. count++;
  35. }
  36. }
  37. return count;
  38. }
  39. // 返回一个包含集合中所有元素的数组
  40. values() {
  41. let values = [];
  42. for (let key in this.items) {
  43. if (this.items.hasOwnProperty(key)) {
  44. values.push(key);
  45. }
  46. }
  47. return values;
  48. }
  49. // 并集
  50. union(otherSet) {
  51. const unionSet = new Set();
  52. this.values().forEach(value => unionSet.add(value));
  53. otherSet.values().forEach(value => unionSet.add(value));
  54. return unionSet;
  55. }
  56. // 交集
  57. intersection(otherSet) {
  58. const intersectionSet = new Set();
  59. const values = this.values();
  60. const otherValues = otherSet.values();
  61. let biggerSet = values;
  62. let smallerSet = otherValues;
  63. if (otherValues.length - values.length > 0) {
  64. biggerSet = otherValues;
  65. smallerSet = values;
  66. }
  67. smallerSet.forEach(value => {
  68. if (biggerSet.includes(value)) {
  69. intersectionSet.add(value);
  70. }
  71. })
  72. return intersectionSet;
  73. }
  74. // 差集
  75. subtract(otherSet) {
  76. const subtractionSet = new Set();
  77. this.values().forEach(value => {
  78. if (!otherSet.has(value)) {
  79. subtractionSet.add(value)
  80. }
  81. })
  82. return subtractionSet;
  83. }
  84. // 子集
  85. isSubsetOf(otherSet) {
  86. if (this.size() > otherSet.size()) {
  87. return false;
  88. }
  89. let isSubset = true;
  90. this.values().every(value => {
  91. if (!otherSet.has(value)) {
  92. isSubset = false;
  93. return false;
  94. }
  95. return true;
  96. })
  97. return isSubset;
  98. }
  99. }

ES6 Set 类的集合运算

并集

  1. // A 和 B 的并集
  2. function union(setA, setB) {
  3. const unionSet = new Set([...setA, ...setB]);
  4. return unionSet;
  5. }

交集

  1. // A 和 B 的交集
  2. function intersection(setA, setB) {
  3. const intersect = new Set([...a].filter(x => b.has(x)));
  4. return intersect
  5. }

差集

  1. // A 相对于 B 的差集
  2. function subTract(setA, setB) {
  3. const subTractSet = new Set([...a].filter(x => !b.has(x)));
  4. return subTractSet;
  5. }