[JavaScript] Set vs Map : 비교와 활용법

 

자바스크립트에서 Set과 Map의 차이점에 대해 알아보자

 

자바스크립트에서 사용하는 Set과 Map은 알고리즘을 풀 때 유용하게 사용하는 함수인데요. 이번 포스팅에서는 자바스크립트의 Set과 Map에 대해 비교해보고, 각각의 활용법에 대해 알아볼게요 🧐 

 

 

 

---

 

🍊 Set이란?

Set은 중복을 허용하지 않는 값들의 집합입니다. 이는 고유한 값을 저장하고 검색하기 위해 사용됩니다. Set은 순서가 없기 때문에 요소에 인덱스로 접근할 수 없으며, 반복문을 통해 요소를 순회할 수 있습니다. Set은 주로 중복된 값을 제거하거나 고유한 값들을 추출하는 용도로 사용됩니다.

 

 

📍Set 생성하기

const set = new Set();

 

📍값 추가하기

set.add(1);
set.add(2);
set.add(3);

 

📍값 삭제하기

set.delete(2);

 

📍값 확인하기

set.has(3); // true

 

📍요소 개수 확인하기

set.size; // 2

 

 

---

🍊 Map이란?

Map은 키-값 쌍을 저장하는 데이터 구조입니다. 키는 고유해야 하며, 각 키에 대응하는 값을 저장하고 검색하기 위해 사용됩니다. Map은 순서가 있으며, 요소에 인덱스로 접근할 수 없지만 반복문을 통해 키-값 쌍을 순회할 수 있습니다. Map은 주로 데이터를 효율적으로 관리하고 검색하기 위해 사용됩니다.

 

📍Map 생성하기

const map = new Map();

 

📍키-값 쌍 추가하기

map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');

 

📍키-값 쌍 삭제하기

map.delete('key2');

 

📍값 확인하기

map.get('key3'); // 'value3'

 

📍요소 개수 확인하기

map.size; // 2

 

 

 

---

 

🍊 Set vs Map 활용법 비교

• Set과 Map은 각각의 특징에 따라 다양한 상황에서 활용될 수 있습니다.
• Set은 중복을 허용하지 않는 값들의 집합을 다루기 위해 사용되며, 고유한 값을 추출하거나 중복을 제거할 때 유용합니다.
• Map은 키-값 쌍을 다루기 위해 사용되며, 데이터를 저장하고 검색하기 위해 효율적으로 활용할 수 있습니다.
• Set은 값에만 관심을 가지고, Map은 값 뿐만 아니라 키에도 관심을 가집니다.
• Set과 Map은 모두 반복문을 통해 요소를 순회할 수 있습니다.