Javascript - MAP과 SET

JavaScript에서 객체(object)와 배열(array)을 이용하면 굉장히 다양하고 복잡한 프로그래밍을 할 수 있습니다. 그럼에도 불구하고 여전히 현실세계의 여러가지 문제들을 ‘프로그래밍’적으로 반영하기엔 부족한점이 많습니다. Map과 Set은 이러한 한계를 극복하고자 비교적 최근 등장한 자료구조라고 할 수 있습니다.

이 두 자료 구조는 데이터의 구성, 검색 및 사용을 객체나 배열보다 효율적으로 처리할 수 있기 때문에 많이 각광받고 있습니다.

 

Map

MAP은 키-값 쌍을 저장하는 객체와 비슷합니다. Map은 각 쌍의 키와 값으로 저장하며, 객체와 달리 키로 사용할 수 있는 모든 유형을 사용할 수 있습니다. Map은 키가 정렬된 순서로 저장되기 때문에, 추가한 순서대로 반복할 필요가 없습니다. MAP을 사용하면 다음과 같은 작업을 수행할 수 있습니다.

• 키-값 쌍 추가 및 검색(set)
• 키-값 쌍 삭제(delete)
• 모든 키-값 쌍 제거(clear)
• Map 크기 및 존재 여부 확인(size)

MAP에는 아래와 같은 주요 메서드와 속성이 있습니다.

• new Map() : 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 : 요소의 개수를 반환합니다.

 

1. Map 생성 및 사용

const myMap = new Map();
myMap.set('key', 'value');
console.log(myMap.get('key')); // 'value' 출력

 

2. Map의 반복

Map에서는 keys(), values(), entries() 메소드를 사용하여 키, 값 및 키-값 쌍을 반복할 수 있습니다.

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

for (const key of myMap.keys()) {
  console.log(key);
}

for (const value of myMap.values()) {
  console.log(value);
}

for (const entry of myMap.entries()) {
  console.log(`${entry[0]}: ${entry[1]}`);
}

 

3. Map의 크기 및 존재 여부 확인

// Map의 크기를 확인하려면 size 속성을 사용합니다
console.log(myMap.size); // 3 출력

// 특정 키가 Map에 존재하는지 여부를 확인하려면 has() 메소드를 사용합니다.
console.log(myMap.has('two')); // true 출력

 

Set

Set은 고유한 값을 저장하는 자료 구조입니다. Set은 값만 저장하며, 키를 저장하지 않습니다. Set은 값이 중복되지 않는 유일한 요소로만 구성됩니다. Set을 사용하면 다음과 같은 작업을 수행할 수 있습니다.

• 값 추가 및 검색
• 값 삭제
• 모든 값 제거
• Set 크기 및 존재 여부 확인

1. Set 생성 및 사용

// 생성자를 통해 set 생성
const mySet = new Set();

// Set에 값을 추가하려면 add() 메소드를 사용합니다.
mySet.add('value1');
mySet.add('value2');

// Set에서 값을 검색하려면 has() 메소드를 사용합니다.
console.log(mySet.has('value1')); // true 출력

 

2. Set의 반복

Set에서는 values() 메소드를 사용하여 값을 반복할 수 있습니다.

const mySet = new Set();
mySet.add('value1');
mySet.add('value2');
mySet.add('value3');

for (const value of mySet.values()) {
  console.log(value);
}

3. Set의 크기 및 존재 여부 확인

// Set의 크기를 확인하려면 size 속성을 사용합니다.
console.log(mySet.size); // 3 출력

// 특정 값을 Set에서 검색하여 존재하는지 여부를 확인하려면 has() 메소드를 사용합니다.
console.log(mySet.has('value2')); // true 출력