[JS] Map 맵 : new Map(), map.set(), map.get()

 

 

: key, value 를 저장하는 객체와 비슷, for of 사용 가능!

하지만 객체와 달리 key 로 모는 유형 할당 가능!

그리고 정렬된 순서로 저장되기 때문에, 추가한 순서대로 반복할 필요가 없다!

 

💡 주요 메서드와 프로퍼티

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

 

💡 new Map() 생성

const myMap = new Map();
myMap.set("one", 1);
myMap.set("two", 2);
myMap.set("three", 3);

 

💡 key 만 불러오기

console.log(myMap.keys()); // MapIterator {'one', 'two', 'three'}
for (const key of myMap.keys()) {
  console.log(key);
  // one
  // two
  // three
}

 

💡 value 만 불러오기

console.log(myMap.values()); // MapIterator {1, 2, 3}
for (const value of myMap.values()) {
  console.log(value);
  // 1
  // 2
  // 3
}

 

💡 entry 로 불러오기

console.log(myMap.entries());
// MapIterator {'one' => 1, 'two' => 2, 'three' => 3}
// 위와 같음 { ['one', 1], ['two', 2], ['three', 3] }
for (const entry of myMap.entries()) {
  console.log(entry);
  // ['one', 1]
  // ['two', 2]
  // ['three', 3]
}

 

💡 size 알아보기 및 특정 키 갖고 있는지 확인하기

console.log(myMap.size); // 3
console.log(myMap.has("one")); // true

 

 

🥵 아직 언제, 어떻게 사용되는지 잘 모르겠지만 일단 정리해두었다.