JavaScript의 Map, Set, Object 차이와 메서드 정리

JavaScript에서 자주 사용하는 대표적인 자료구조인 Object, Map, Set은 모두 key-value 저장 혹은 값 저장에 사용되지만, 그 구조와 목적, 메서드에서 차이가 큽니다. 알고리즘 문제를 풀거나 웹 애플리케이션을 구현할 때 각각의 자료구조를 적절히 선택하는 것이 중요합니다. 이 글에서는 세 가지 자료구조의 차이점, 장단점, 주요 메서드를 예제와 함께 정리합니다.

1. Object

특징

• key-value 형태로 데이터를 저장
• key는 문자열 또는 Symbol만 가능
• JSON 구조와 호환이 좋음
• for...in, Object.keys(), Object.entries() 등을 통해 순회

장점

• 간단하고 직관적인 문법
• JSON과의 호환성

단점

• key 타입 제한 (객체 사용 불가)
• 순서 보장 불확실
• .size 없음 (길이 확인은 Object.keys().length 사용)

주요 메서드 예시

const obj = { a: 1 };
obj["b"] = 2;
delete obj["a"];
console.log("b" in obj); // true
console.log(Object.entries(obj)); // [['b', 2]]

2. Map

특징

• key-value 구조
• key에 모든 타입 사용 가능 (객체, 함수, 숫자 등)
• 삽입 순서 유지
• 반복과 조작에 특화된 메서드 제공 (set, get, has, delete, clear)

장점

• 다양한 key 타입 사용 가능
• 삽입 순서 보장
• .size 속성 제공

단점

• 문법이 다소 복잡 (.set(), .get())

주요 메서드 예시

const map = new Map();
map.set('x', 100);
map.set({}, 'objectKey');
console.log(map.get('x')); // 100
console.log(map.size); // 2
map.delete('x');
map.clear();

3. Set

특징

• 중복 없는 값들만 저장
• 값 자체가 key 역할
• 삽입 순서 유지
• .add(), .has(), .delete(), .clear() 제공

장점

• 중복 제거 자동 처리
• 빠른 포함 여부 검사
• 순서 보장

단점

• key-value 저장 불가 (값만 저장)

주요 메서드 예시

const set = new Set();
set.add(1);
set.add(2);
set.add(1); // 중복 무시
console.log(set.has(1)); // true
set.delete(2);
set.clear();

4. 비교 요약표

각 자료구조는 목적에 따라 잘 골라서 사용해야 합니다. 예를 들어:

• Object: JSON 데이터 다룰 때, 간단한 구조 필요할 때
• Map: 다양한 키를 사용할 때, 반복이 많을 때
• Set: 유일한 값 목록 필요할 때, 빠른 검색이 필요할 때

알고리즘 문제를 풀거나 데이터 구조를 설계할 때 위 기준을 잘 기억해두면 효율적입니다.