맵(Map) 객체는 키와 값의 쌍으로 이루어진 컬렉션이다.

이는 일반적인 객체와는 다르게 어떤 타입의 값이든 키로 사용할 수 있다는 점에서 유연합니다.

참고로 자바스크립트 맵(Map) 객체는 IE 11 이하에서는 지원하지 않습니다. 

            구분        |                  객체                    |               Map 객체

   ---------------------------------------------------------------------

            키값        |        문자열 또는 심 벌 값      |          객체를 포함한 모든 값 

        이터러블     |                     X                     |                       O

   ---------------------------------------------------------------------  

    요소 갯수 확인 |     Objects.keys(obj).length |                map.size 

JavaScript에서 Map객체가 일반 객체보다 크기가 큰 데이터를 다룰 때 성능상 이점을 가지는 이유는 여러 가지 기술적 특성과 구현 방식 때문입니다. 

이를 자세히 이해하기 위해 몇 가지 핵심 요소를 살펴보겠습니다.

1. 키 타입의 유연성과 내부 해시맵 구현

일반 객체는 키로 문자열과 심볼만을 사용할 수 있습니다. 

이는 객체가 내부적으로 문자열 키를 기반으로 데이터를 저장하고 접근하는 해시맵(hash map) 형태로 구현되어 있기 때문입니다. 

하지만 Map 객체는 숫자, 문자열, 객체, 심지어 다른 함수까지도 키로 사용할 수 있습니다. 

이는 Map이 더 복잡한 내부 구조를 가지고 있어 다양한 형태의 키를 효율적으로 관리할 수 있다는 것을 추론 해볼수 있습니다.

Map 객체는 삽입된 순서대로 키-값 쌍을 저장합니다. 

이는 Map이 내부적으로 연결 리스트(linked list) 또는 유사한 데이터 구조(균형 이진탐색 트리등)을 사용하여 요소들을 관리하기 때문입니다. 

이는 자바스크립트 엔진에 따라 내부 구현 알고리즘이 다를 수 있습니다. 

큰 데이터 세트에서 요소를 추가하거나 삭제할 때, Map은 연결 리스트의 특성을 활용하여 중간에 요소를 빠르게 추가하거나 제거할 수 있습니다. 

반면, 일반 객체는 이러한 순서 보장이 없으며, 키-값 쌍의 추가나 삭제가 객체의 전체 구조에 영향을 미쳐 성능 저하를 일으킬 수 있습니다.

생성: Map 객체는 new Map() 생성자를 사용하여 생성합니다.

키,밸류 값 추가 : set(key, value)메소드를 사용해 Map에 키-값 쌍을 추가할 수 있습니다.

값 접근: get(key) 메소드를 사용해 특정 키에 대한 값을 조회할 수 있습니다.

console.log(map.get('key1')); // 'value1'

console.log(map.get(1));      // 'numericKey'

존재 확인: has(key) 메소드를 사용하여 Map 내에 특정 키가 존재하는지 확인할 수 있습니다.

삭제: delete(key) 메소드를 사용해 특정 키-값 쌍을 삭제할 수 있습니다.

크기: size 프로퍼티를 통해 Map에 저장된 키-값 쌍의 개수를 알 수 있습니다.

console.log(map.size); // 1 (key1이 삭제된 후)

전체 삭제: clear() 메소드를 사용해 Map 내의 모든 키-값 쌍을 삭제할 수 있습니다.

Map 객체는 이터러블 프로토콜을 따르므로, for...of 루프를 사용하여 키-값 쌍을 순회할 수 있습니다.

아래는 직접 구현한 map 구현 예제입니다.

맵(Map)

Body Parser란?