TL;DR

<aside> <img src="/icons/search_gray.svg" alt="/icons/search_gray.svg" width="40px" /> ES6에 도입된 Set 객체는 중복을 허용하지 않는 고유한 값들을 저장하는 데이터 구조다. Set은 동일한 값을 두 번 저장할 수 없기 때문에 중복된 값을 추가하면 자동으로 무시한다. 또한 삽입 순서를 기억하고, 원시형과 참조형 값을 모두 지원한다 — 참고 노트

</aside>

Firefox 127 버전부터 별도의 폴리필 없이 크롬(Chrome)을 포함한 대부분의 주요 브라우저 엔진에서 교집합, 합집합, 차집합 등 집합 연산을 수행하는 새로운 Set 메서드를 지원한다. 크로스 브라우저에서 지원하는 메서드는 다음과 같다.

• A.intersection(B) : 두 Set이 공통으로 가지는 요소를 포함한 새로운 Set 반환 — 교집합
• A.union(B) : 두 Set이 가진 모든 요소를 포함한 새로운 Set 반환 — 합집합
• A.difference(B) : A Set에는 있지만 B Set에는 없는 요소를 포함한 새로운 Set 반환 — 차집합
• A.symmetricDifference(B) : 두 Set이 공통으로 가지는 요소를 제외한 새로운 Set 반환 — 대칭 차집합
• A.isSubsetOf(B) : A Set의 모든 요소를 B Set이 포함하는지 여부 — A가 B의 부분 집합인지 여부
• A.isSupersetOf(B) : A Set이 B Set의 모든 요소를 포함하는지 여부 — A가 B의 상위 집합인지 여부
• A.isDisjointFrom(B) : 두 Set이 공통 요소를 가지지 않는지 여부 — 서로소 집합 여부

Set composition

A.intersection(B) | 교집합

이미지 출처 MDN

• 설명 : 두 Set이 공통으로 가지는 요소를 포함한 새로운 Set 반환
• 반환값 : Set
• 수학적 표기 : 𝐴∩𝐵 — A와 B가 모두 가지는 요소
• 참고 링크 : MDN | 활용 예시

const odds = new Set([1, 3, 5, 7, 9]);
const squares = new Set([1, 4, 9]);
console.log(odds.intersection(squares)); // Set(2) { 1, 9 }

A.union(B) | 합집합