• 드랍다운 관련 블로그 작성 (외부 영역 이벤트 감지)
• 자바스크립트 딥 다이브 (Set, Map) 학습
• 프로그래머스 Lv2 (멀리뛰기, 숫자의 표현, 피보나치 수)
• 알고리즘 블로그 작성

---

Set, Map

모든 기술은 어떠한 문제를 해결하기 위해 탄생했다고 생각한다.

Set과 Map도 이와 같은 맥락으로 현실 세계를 반영하기엔 객체와 배열 두 자료구조 만으론 부족해서 맵과 셋이 등장하게 됐다.

Set

Set 객체는 중복되지 않는 유일한 값들의 집합이다. Set 객체는 배열과 유사하지만 다음과 같은 차이가 있다.

구분	배열	Set 객체
동일한 값을 중복하여 포함할 수 있다.	O	X
요소 순서에 의미가 있다.	O	X
인덱스로 요소에 접근할 수 있다.	O	X

이러한 Set 객체의 특성은 수학적 집합의 특성과 일치한다. Set은 수학적 집합을 구현하기 위한 자료구조다. 따라서 Set을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다.

const set1 = new Set([1, 2, 3, 3]);
console.log(set1); // Set(3) {1, 2, 3}

const set2 = new Set('hello');
console.log(set2); // Set(4) {"h", e", "l", "o"}

Map

Map 객체는 키와 값의 쌍으로 이루어진 컬렉션이다. Map 객체는 객체와 유사하지만 다음과 같은 차이가 있다.

구분	객체	Map 객체
키로 사용할 수 있는 값	문자열 또는 심벌 값	객체를 포함한 모든 값
이터러블	X	O
요소 개수 확인	Object.keys(obj).length	map.size

const map1 = new Map([['key1', 'value1'], ['key2', 'value2']]);
console.log(map1); // Map(2) {"key1" => "value1", "key2" => "value2"}

---