JavaScript- Map과 객체의 차이

치맨·2023년 6월 3일
0

javascript

목록 보기
18/23
post-thumbnail

목차

객체를 Map으로 사용하고 있지 않으신가요

  • 아래는 객체를 Map처럼 사용한 예시입니다.


객체 대신 Map을 쓰는 이유

객체 대신 Map을 쓰는 이유는 어떤것이 있을까요??

1. Map은 객체와 달리 key값으로 여러가지 타입을 저장할 수 있습니다.

  • 객체를 사용하여 key값으로 객체를 넣는다면 아래와 같습니다.

  • 하지만 Map을 사용하여 key값으로 객체를 넣는다면 아래와 같이 저장 되는걸 알 수 있습니다.

2. Map은 내장 메서드가 있어서, 생성,삭제,조회 등 객체보다 성능이 더 우수합니다.

객체와 Map의 총 길이를 구해보겠습니다.

  • Map은 size라는 내장 메서드를 통해 길이를 구하고 시간복잡도는 O(1)입니다.
  • 객체는 모든 key값을 받아온 뒤 길이를 구하기 때문에 시간복잡도가 O(n)입니다.

3. Map은 순서가 보장되는 반면, 객체는 순서가 보장되지 않습니다.

  • 객체와 Map 둘다 5-4-3-2-1 순서대로 값을 담아주었습니다.
  • 객체는 1,2,3,4,5 순서대로 저장됩니다.
  • Map은 5-4-3-2-1 순서로 저장한대로 5,4,3,2,1로 저장된 걸 알 수 있습니다.

Ref

profile
기본기가 탄탄한 개발자가 되자!

0개의 댓글