TUTORIAL

Map과 WeakMap 활용

JavaScript 컬렉션 자료구조

럿지 AI 팀
2025-01-15
15
Map & WeakMap

Map

키-값 쌍 저장

모든 타입을 키로 사용

WeakMap

약한 참조 저장

GC 자동 정리

Map vs Object

키 타입모든 값문자열/심볼
순서 보장삽입 순서미보장
크기 확인.sizeObject.keys()
순회forEach/for...offor...in

주요 메서드

set(key, value)

값 추가/수정

get(key)

값 조회

has(key)

존재 여부

delete(key)

삭제

clear()

전체 삭제

size

크기 확인

WeakMap 활용

프라이빗 데이터

클래스 외부 노출 없이 객체에 데이터 연결

DOM 노드 데이터

요소 제거 시 자동으로 메모리 정리

캐싱

객체 기반 캐시로 메모리 누수 방지

언제 사용할까?

Map

순서, 크기, 다양한 키 타입 필요 시

WeakMap

메모리 관리, 프라이빗 데이터 필요 시

관련 태그

#map
#Tutorial
#Frontend
#Development