Map과 Set 자료구조

🎁 Map

1. 키-값 쌍을 저장하며, 키는 오직 단 하나만 존재한다.

2. 키 값은 모든 값(객체와 원시 값)을 키로 사용할 수 있다.

3. 키와 값의 삽입 순서를 기억한다.

 

Map 기본 사용법

  // Map(1) {'a' => 1}
  const map1 = new Map();
  map1.set('a', 1);

  // Map(2) {'a' => 1, 'b' => 2}
  const map2 = new Map([
    ['a', 1],
    ['b', 2],
  ]);

 

Map과 Object의 차이점

	Map	Obejct
키 타입	모든 값(객체와 원시값)	문자열 또는 심볼
키 순서	삽입 순서 기억	삽입된 순서와 다를 수 있음
이터러블	O	X

 

이터러블(iterable)
순회 가능한 객체를 뜻하며, for..of, 스프레드 문법, 구조분해 할당을 사용할 수 있다.

Map은 이터러블하다.

 

🎁 Set

1. 중복되지 않는 값들의 집합

2. 요소를 삽입 순서대로 순회

 

Set 기본 사용법

  // Set(1) {'a'}
  const set1 = new Set();
  set1.add('a');
  
  // Set(2) {'a', 'b'}
  const set2 = new Set(['a', 'b']);

 

Set과 배열의 차이점

	Set	배열
중복 요소	X	O
인덱스 접근	X	O

 

🧷 참고

- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Map

- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Set