🗺️ 1. 맵 (Map): 키가 있는 데이터의 업그레이드

맵은 객체와 비슷하게 '키-값' 쌍을 저장하지만, 훨씬 더 유연하고 강력합니다.

🌟 핵심 차이점

• 자유로운 키: 객체는 키로 오직 문자열과 심볼만 허용하지만, 맵은 객체, 숫자, 불린 등 어떤 자료형도 키로 쓸 수 있습니다.
• 순서 보장: 값이 삽입된 순서를 기억합니다.
• size 프로퍼티: 내부에 요소가 몇 개인지 한 번에 알 수 있습니다.

🛠️ 주요 메서드

• map.set(key, value): 데이터를 저장합니다. (메서드 체이닝 가능)
• map.get(key): 값을 읽어옵니다.
• map.has(key): 키의 존재 여부를 확인합니다.
• map.size: 요소의 총 개수를 반환합니다.

---

✨ 2. 셋 (Set): 중복 없는 고유한 값의 집합

셋은 오직 **값(value)**만 저장하며, 중복을 허용하지 않는 특별한 컬렉션입니다.

🌟 핵심 특징

• 유일무이성: 동일한 값을 여러 번 add 해도 한 번만 저장됩니다.
• 성능 최적화: 특정 값이 있는지 확인(has)할 때 배열의 find보다 훨씬 빠릅니다.
• 용도: 방문자 목록 관리, 중복 데이터 제거 등.

---

🔄 3. 객체 ↔️ 맵 변환 가이드

기존 객체 기반 코드와 맵을 함께 써야 할 때 유용한 메서드들입니다.

변환 방향	메서드	설명
객체 → 맵	Object.entries(obj)	객체를 [키, 값] 쌍의 배열로 바꾸어 맵 생성자에 전달합니다.
맵 → 객체	Object.fromEntries(map)	맵의 데이터를 평범한 자바스크립트 객체로 다시 변환합니다.

---

🎙️ 기술 면접 대비 (Interview Questions)

Q1. 일반 객체 대신 Map을 사용하는 것이 유리한 경우는 언제인가요? (중급)

답변: 첫째, 키의 타입이 다양해야 할 때입니다. 객체를 키로 써서 데이터를 매핑해야 한다면 맵이 유일한 대안입니다. 둘째, 데이터의 삽입 순서가 중요할 때입니다. 셋째, 데이터의 추가/삭제가 빈번할 때입니다. 맵은 이러한 작업에 최적화되어 있어 일반 객체보다 나은 성능을 보여줍니다.

Q2. 배열에서 중복을 제거하는 가장 효율적인 방법은 무엇인가요? (기초)

답변: **Set**을 사용하는 것입니다. new Set(array)를 통해 중복이 제거된 이터러블을 만들고, 다시 Array.from()이나 전개 연산자([...])를 사용해 배열로 변환하면 됩니다. 이 방식은 $O(n)$의 시간 복잡도로 매우 효율적입니다.

Q3. Map에서 map.keys()가 반환하는 값은 무엇이며, 배열 메서드를 바로 쓸 수 없는 이유는? (심화)

답변: map.keys()는 '이터러블(Iterable)' 객체를 반환합니다. 이는 배열이 아니기 때문에 push나 pop 같은 배열 전용 메서드가 없습니다. 따라서 배열로 사용하려면 Array.from(map.keys())를 거쳐 진짜 배열로 변환해주어야 합니다.

---

💡 기억해야 할 중요한 내용

1. 맵(Map)은 키를 비교할 때 SameValueZero 알고리즘을 씁니다. 이는 NaN === NaN을 true로 간주하므로, NaN도 맵의 키로 안전하게 쓸 수 있다는 뜻입니다.
2. 셋(Set)의 forEach는 인자가 3개입니다. (value, valueAgain, set) 이는 맵과의 인터페이스 호환성을 위해 설계된 구조이니 당황하지 마세요!

---

애너그램(Anagram) 문제처럼 복잡한 문자열 조합을 다룰 때 맵을 활용하면 코드가 훨씬 간결해집니다.

요약

맵은 키가 있는 값이 저장된 컬렉션입니다.

주요 메서드와 프로퍼티:

• new Map([iterable]) – 맵을 만듭니다. [key,value]쌍이 있는 iterable(예: 배열)을 선택적으로 넘길 수 있는데, 이때 넘긴 이터러블 객체는 맵 초기화에 사용됩니다.
• map.set(key, value) – 키를 이용해 값을 저장합니다.
• map.get(key) – 키에 해당하는 값을 반환합니다. key가 존재하지 않으면 undefined를 반환합니다.
• map.has(key) – 키가 있으면 true, 없으면 false를 반환합니다.
• map.delete(key) – 키에 해당하는 값을 삭제합니다.
• map.clear() – 맵 안의 모든 요소를 제거합니다.
• map.size – 요소의 개수를 반환합니다.

일반적인 객체와의 차이점:

• 키의 타입에 제약이 없습니다. 객체도 키가 될 수 있습니다.
• size 프로퍼티 등의 유용한 메서드나 프로퍼티가 있습니다.

셋은 중복이 없는 값을 저장할 때 쓰이는 컬렉션입니다.

주요 메서드와 프로퍼티:

• new Set([iterable]) – 셋을 만듭니다. iterable 객체를 선택적으로 전달받을 수 있는데(대개 배열을 전달받음), 이터러블 객체 안의 요소는 셋을 초기화하는데 쓰입니다.
• set.add(value) – 값을 추가하고 셋 자신을 반환합니다. 셋 내에 이미 value가 있는 경우 아무런 작업을 하지 않습니다.
• set.delete(value) – 값을 제거합니다. 호출 시점에 셋 내에 값이 있어서 제거에 성공하면 true, 아니면 false를 반환합니다.
• set.has(value) – 셋 내에 값이 존재하면 true, 아니면 false를 반환합니다.
• set.clear() – 셋을 비웁니다.
• set.size – 셋에 몇 개의 값이 있는지 세줍니다.

맵과 셋에 반복 작업을 할 땐, 해당 컬렉션에 요소나 값을 추가한 순서대로 반복 작업이 수행됩니다. 따라서 이 두 컬렉션은 정렬이 되어있지 않다고 할 수 없습니다. 그렇지만 컬렉션 내 요소나 값을 재 정렬하거나 (배열에서 인덱스를 이용해 요소를 가져오는 것처럼) 숫자를 이용해 특정 요소나 값을 가지고 오는 것은 불가능합니다.