Map 객체

💡 Map 객체는 key-value 형태로 값을 저장해줍니다. 그래서 자바스크립트로 해쉬 알고리즘을 풀때 유용하게 쓰이는 내장 함수 입니다.

메서드

• set(key, value): Map에 값을 설정할 때 사용합니다.
• get(key): key에 해당하는 value 값을 반환할 때 사용합니다.
• has(key): Map에 key가 존재하는지의 유무를 확인할 때 사용합니다.
• size(): Map의 크기를 구할 때 사용합니다.

• 평범한 객체를 Map으로 만들고 싶을때는?
Object.entries(obj)
• Map을 객체로 변환하고 싶을 때는?
Object.fromEntries(map)

Map vs Object

Key의 type

• Map: 어떤 값이든 type으로 지정할 수 있습니다.
• Object: String, Symbol

순회할 때

• Map: Bulit-in interable(반복 가능한 객체). 바로 순회가 가능합니다.
• Object: key의 배열을 얻어 해당 배열을 이용해 순회합니다.(obj[key])

크기

• Map: size 속성을 이용해서 손쉽게 크기를 얻을 수 있습니다.
• Object: 직접 판별해야 합니다.

Object.key(obj).length

정렬

• Map: 삽입한 순서대로 정렬이 됩니다.
• Object: 하지 않습니다. Object는 prototype을 가지기 때문에 잘못하면 key의 충돌이 일어날 수 있습니다.

그럼 각각 언제 사용할까요?

Object

• Object는 데이터를 저장하기 위한 간단한 구조입니다.
• Key가 String이거나 integer(또는 Symbol)인 경우, Map을 생성하는 것보다 기본 Object를 생성하는 데 훨씬 적은 시간이 걸립니다.
• JSON→Object 또는 Object→JSON으로 변환해야하는 경우에 사용합니다.

Map

• Key의 추가/삭제가 빈번한 경우에 사용합니다.
  • Map은 순수한 Hash이고, Object는 그보다 복잡하기 때문에 속도가 Map이 더 뛰어납니다.
• Key의 순서가 보장되어야 할 때 사용합니다. Map은 Iteration 기반으로 하여 기본적으로 순서를 유지하기 때문입니다. (Array가 아니어도 반복문을 돌 수 있는 이유는 바로 이 Interation 속성 때문이기 때문이라 합니다!)
• 데이터의 크기가 클 때 사용하면 Object를 사용할 때보다 더 나은 성능을 보입니다.