JS Map 사용법

JS 에서 Map 은 키-값 쌍을 저장하는 자료구조로, 특정 키에 연결된 값을 효율적으로 관리할 수 있다.

 

1. Map 생성과 초기화

// 빈 Map 생성
const myMap = new Map();

// 초기값을 가지는 Map 생성
const initialMap = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
  ['key3', 'value3']
]);

 

2. 요소 추가 및 조회

// 요소 추가
myMap.set('apple', 10);
myMap.set('banana', 5);

// 요소 조회
console.log(myMap.get('apple')); // 10
console.log(myMap.get('orange')); // undefined

3. 요소 삭제

// 특정 키의 요소 삭제
myMap.delete('apple');

// 모든 요소 삭제
myMap.clear();

4. Map 크기 조회

console.log(myMap.size);

 

5. Map 반복문 활용

// key-value 쌍에 대해 반복
for (const [key, value] of myMap) {
  console.log(`${key}: ${value}`);
}

// key에 대해 반복
for (const key of myMap.keys()) {
  console.log(key);
}

// value에 대해 반복
for (const value of myMap.values()) {
  console.log(value);
}

// forEach 메서드 사용
myMap.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

Map은 순서를 유지하며 키-값 쌍을 저장하기 때문에 반복문을 통해 순차적으로 요소에 접근할 수 있다.

이는 객체(`Object`)와는 달리 삽입 순서를 보장한다

Map의 사용법을 익히면 간단한 키-값 관리에 용이하게 사용할 수 있다