🧩 JavaScript Set() — 모든 메서드 완벽 정리

JavaScript의 Set은 **중복을 허용하지 않는 값들의 집합(Collection)**을 저장하는 자료구조입니다.
배열과 비슷하지만 중복 없음, 순서 유지, 인덱스로 접근 불가, 빠른 검색이라는 특징을 가집니다.

1️⃣ Set() 기본 정의

const mySet = new Set([1, 2, 3, 3]);

console.log(mySet);
// Set(3) {1, 2, 3}

• 중복된 값 3은 자동 제거됨
• 숫자, 문자열, 객체, 배열 등 모든 타입 저장 가능

2️⃣ Set의 핵심 메서드 (CRUD)

📌 예제

const s = new Set();

s.add(1);
s.add(2);
s.add(2); // 중복 → 무시됨

console.log(s.has(2)); // true
console.log(s.size);   // 2

s.delete(1);
console.log(s);        // Set {2}

s.clear();
console.log(s);        // Set {}

3️⃣ Set 반복(iteration) 관련 메서드

▶️ forEach()

const s = new Set(["a", "b", "c"]);

s.forEach((value, sameValue, set) => {
  console.log(value);
});

⚠️ Set은 key가 없으므로
value와 sameValue는 항상 동일합니다.

▶️ keys()

const s = new Set([1, 2, 3]);

console.log([...s.keys()]);
// [1, 2, 3]

▶️ values()

console.log([...s.values()]);
// [1, 2, 3]

▶️ entries()

console.log([...s.entries()]);
// [[1,1], [2,2], [3,3]]

▶️ for…of (Symbol.iterator)

for (const v of s) {
  console.log(v);
}
// 1
// 2
// 3

4️⃣ Set에는 없는 메서드 (중요❗)

하지만 아래처럼 배열로 변환 후 사용 가능 👇

const s = new Set([3, 1, 2]);
const sorted = [...s].sort((a, b) => a - b);

console.log(sorted); // [1, 2, 3]

5️⃣ Set으로 구현하는 실전 예시

📌 1) 배열 중복 제거

const arr = [1, 2, 2, 3];
const unique = [...new Set(arr)];

console.log(unique); // [1, 2, 3]

📌 2) 교집합 (intersection)

const a = new Set([1, 2, 3]);
const b = new Set([2, 3, 4]);

const intersection = [...a].filter(x => b.has(x));

console.log(intersection); // [2, 3]

📌 3) 합집합 (union)

const union = [...new Set([...a, ...b])];

console.log(union); // [1, 2, 3, 4]

📌 4) 차집합 (difference)

const difference = [...a].filter(x => !b.has(x));

console.log(difference); // [1]

🧠 최종 정리

Set은 중복 제거, 빠른 검색, 집합 연산에서 압도적으로 강력한 자료구조입니다 🚀