[자바스크립트 기본] 자바스크립트 자료형 Map 개념정리

 

 

백준 문제를 단계별로 풀어가다 보면 집합과 맵에서 set과 map을 이용해서 알고리즘을 풀어야 했다.

배열로 풀수 있지만 시간이 초과됐다.

다른 자료구조가 필요하다!!!

다른 자료구조를 공부해보자...!!!!

 

저번에는 set에 대해서 정리해봤으니 map에 대해서 정리해보겠다.

 

 

map과 set을 왜 쓸까 알아보니

현실세계를 반영하기 위해서는 객체와 배열만으로는 역부족이었다.

그러므로 새로운 자료구조인 Map과 Set을 이용하게 됐다고 한다.

 

 

 

 

1. Map 개념

---

 

 

• key와 가 있는 data를 저장 ➡️ 객체와 유사
• key에 다양한 자료형(boolean, number, string, object)을 허용 ➡️ 객체와 다른 점

 

 

 

 

 

2. 주요 메서드(Method)

---

 

 

2-1. 주요 메서드

 

• new Map() : Map을 생성
• map.set(key, value) : key를 이용해 value를 저장
• map.get(key) – key에 해당하는 value를 반환, key가 존재하지 않으면 undefined를 반환
• map.has(key) – key가 존재하면 true, 존재하지 않으면 false를 반환
• map.delete(key) – key에 해당하는 값을 삭제
• map.clear() – 맵 안의 모든 요소를 제거
• map.size – 요소의 개수를 반환

 

 

 

2-2. 주요 메서드 예시

let map = new Map(); // 맵 생성

map.set(1, 'number'); // 맵에 key, value 저장 - num type
map.set('1', 'string'); // string type
map.set(true, 'boolean'); // boolean type


console.log(map); // Map(3) { 1 => 'number', '1' => 'string', true => 'boolean' }
console.log(map.size); // 3 - 맵안에 요소의 개수

TIP ‼️ 맵은 객체와 다르게 키를 문자형으로 변환하지 않는다, 키의 자료형에 제약이 없다.

 

 

 

Object를 Key로 사용하는 예시

let bob = { name: 'bob' };

let consummers = new Map();

consummers.set(bob, 1); // object를 key로 사용할 수 있음
console.log(consummers.get(bob)); // 1
console.log(consummers); // Map(1) { { name: 'bob' } => 1 }

Map에서는 object를 key로 사용할 수 있지만 object는 object를 key로 사용할 수 없다.

 

 

 

 

 

 

 

 

아직 map은 알고리즘 푸는데만 활용하고 있다.

실제적으로 어떤 프로그램을 만들 때 Map은 어떻게 활용이 되는지

자바스크립트는 타입을 훽훽 바꾸는데 타입스크립트를 활용해야

나중에 여러 가지 일에 대비할 수 있지 않는지... 혼자 생각 중이다.

이놈들을 어떻게 하면 활용할 수 있을지 차차 생각해보자!

 

 

 

 

 

map을 이용한 간단 알고리즘 풀이를 보고싶다면 아래포스팅을 클릭

[Algorithms/Baekjoon] - [JS] 백준 10816번 : 숫자 카드 2

[JS] 백준 10816번 : 숫자 카드 2

 

Set에 관한 기본적인 정보를 알고 싶다면 아래 포스팅을 클릭

[Front-End/JavaScript] - [자바스크립트 기본] 자바스크립트 자료형 Set 개념정리

[자바스크립트 기본] 자바스크립트 자료형 Set 개념정리

 

 

 

 

 

Reference (참조)

 

 

https://ko.javascript.info/map-set

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