자바스크립트 new Map()

코딩테스트 공부하다가 좀처럼 해결이 안되는 문제들에서 내가 모르는개념이 나와서 정리를 해보려한다

자바스크립트에서 제공하는 내장 객체인 Map을 생성하는데 사용되는 생성자입니다. Map은 키-값 쌍을 저장하는 자료 구조로, 특정 키와 연결된 값을 쉽게 관리할 수 있도록 도와준다.

개념자체는 객체와 비슷한데 다른점이 있다 차이점 몇가지를 요약하자면

1. 함수를 포함한 모든타입을 값으로 저장할 수 있다.
2. 맵의 크기를 size속성으로 불필요한 loop없이 확인할 수 있다.
3. for...of 루프 및 forEach 메서드 등을 사용하여 간편하게 순회가능
4. 삽입 순서를 보장해줌
5. key는 고유값으로써, 단 한개만 존재한다

자! 몇가지 사용법을 살펴보자

map생성

let map = new Map();

값 삽입

map.set(key이름, 저장할 value);

map.set('name', 'gil-dong');
map.set(200, 1000);
map.set('consoleFunc', () => console.log('check'));

이미 키값이 있는값으로 다시 set을 하면 덮어씌워진다

값 읽기

map.get('name') // 'gil-dong'
map.get(200) // 1000

값 확인

map.has('name') // true
map.has('age') // false

키값으로 확인해서 값이부여됐다면 true 없다면 false를 return해준다.

값 삭제

map.delete('name') // true
map.get('name') // undefined

map 크기 확인

map.size // 2

문자나 배열을 length로 크기체크를 할때 obj형식을 기존의 Object.key().length로 확인하는 방식에 비해 더욱 직관적이고 편리하다

객체처럼 사용가능하지만 좀더 사용성이 좋아보이고 객체사용시의 불편했던점들이 개선된 느낌이다

값이 삽입된 순서가 중요한 경우
값이 추가되거나 삭제되는 경우가 많을경우
키값으로 문자열이나 심볼이 아닌 다른것으로 세팅할 경우
이런 경우에 적절히 잘 판단해서 사용하면 용이할 것 같다!