[JavaScript] 자바스크립트 - Set과 Map 그리고 배열과 객체와의 차이점

자바스크립트의 Set과 Map, 이것들이 배열과 객체와의 차이점은 무엇인지 알아보자.

Set

Set 객체는 값의 집합으로,
중복을 허용하지 않는다.
각 요소는 유일무이하며,
삽입 순서가 유지된다.

Set과 배열의 차이점

특성	Set	배열
중복 허용	허용하지 않음	허용함
요소 접근	인덱스 없음	인덱스 있음
순서 유지	유지함	유지함
성능	검색과 유니크 관리에 유리	검색 및 정렬에서 성능 저하 가능

 

[ Set의 주요 함수와 예시 ]

• add(value): 집합에 값을 추가
• delete(value): 집합에서 값을 제거
• has(value): 집합에 특정 값이 있는지 확인
• clear(): 집합의 모든 요소를 제거
• size: 집합의 크기를 반환

let mySet = new Set();

// 값 추가
mySet.add(1);
mySet.add(5);
mySet.add(5);  // 중복된 값은 추가되지 않음

// 값 존재 확인
console.log(mySet.has(1));   // true
console.log(mySet.has(3));   // false

// 값 제거
mySet.delete(1);

// 집합의 크기
console.log(mySet.size);     // 1

// 모든 값 제거
mySet.clear();
console.log(mySet.size);     // 0

 

Map

Map 객체는 키-값 쌍을 저장한다.
이때, 키는 중복될 수 없으며 삽입 순서가 유지된다.
Map은 객체와 달리 키로 다양한 자료형을 사용할 수 있다.
주요 함수와 예시는 다음과 같다.

Map과 객체의 차이점

특성	Map	객체
키의 타입	어떤 타입도 가능	문자열 또는 심볼
순서 유지	유지함	숫자 키를 제외하고 유지함
크기 측정	size 속성 이용	별도 함수 필요
성능	대규모 데이터에 최적화	작은 데이터셋에 적합
기본 메서드	다양한 유틸리티 제공	상속된 메서드 포함 가능

 

[ Map의 주요 함수와 예시 ]

• set(key, value): 맵에 키-값 쌍을 추가하거나 업데이트
• get(key): 주어진 키에 대한 값을 반환
• has(key): 맵에 특정 키가 있는지 확인
• delete(key): 맵에서 키-값 쌍을 제거
• clear(): 맵의 모든 키-값 쌍을 제거
• size: 맵의 요소 개수를 반환

let myMap = new Map();

// 키-값 쌍 추가
myMap.set('a', 'alpha');
myMap.set('b', 'beta');
myMap.set('c', 'gamma');

// 값 가져오기
console.log(myMap.get('a'));  // "alpha"

// 키 존재 확인
console.log(myMap.has('a'));  // true
console.log(myMap.has('x'));  // false

// 키-값 쌍 제거
myMap.delete('b');

// 맵의 크기
console.log(myMap.size);      // 2

// 모든 키-값 쌍 제거
myMap.clear();
console.log(myMap.size);      // 0