이번 글에서는 JavaScript의 Map과 Set을 다룰 때 주로 사용하는 이터레이션에 대해 알아보겠습니다.

1. 맵(Map) 이터레이션

Map 객체는 키-값 쌍을 저장하며, 다양한 방법으로 그 내용을 이터레이션할 수 있습니다.

1.1 for...of 루프

가장 간단한 방법은 for...of 루프를 사용하는 것입니다.

const myMap = new Map([
  ['key1', 'value1'],
  ['key2', 'value2']
]);

for (const entry of myMap) {
  console.log(entry);
  // 출력: [ 'key1', 'value1' ], [ 'key2', 'value2' ]
}

1.2 forEach 메서드

Map 객체는 forEach 메서드를 사용하여 콜백 함수를 이용한 이터레이션을 지원합니다.

myMap.forEach((value, key) => {
  console.log(`${key}: ${value}`);
  // 출력: key1: value1, key2: value2
});

2. 셋(Set) 이터레이션

Set 객체는 중복되지 않는 값을 저장하며, 다음과 같은 방법으로 이터레이션할 수 있습니다.

2.1 for...of 루프

Set 객체도 for...of 루프를 사용할 수 있습니다.

const mySet = new Set([1, 2, 3]);

for (const value of mySet) {
  console.log(value);
  // 출력: 1, 2, 3
}

2.2 forEach 메서드

Set 객체 역시 forEach 메서드를 이용한 이터레이션이 가능합니다.

mySet.forEach((value) => {
  console.log(value);
  // 출력: 1, 2, 3
});

이처럼, Map과 Set 객체는 각각의 고유한 방식으로 내부 요소를 순회할 수 있는 다양한 메서드를 제공합니다.

이상으로, Map과 Set의 이터레이션에 대해 알아보았습니다.

참고 문헌: MDN 웹 문서, MDN 웹 문서