Frontend 개발/Javascript 2

JavaScript의 Map과 Set 완벽 정리(2편) - WeakMap, WeakSet, JSON 변환, Symbol, 성능 비교

JavaScript에서 데이터를 다루는 다양한 방법 중 Map과 Set은 강력한 기능을 제공합니다. 특히, WeakMap과 WeakSet, JSON 변환, Symbol 활용, 성능 비교 등의 고급 주제를 이해하면 더욱 효율적으로 데이터를 관리할 수 있습니다.이번 글에서는 Map과 Set의 고급 개념과 실무 활용법을 심층 분석해보겠습니다.   1. WeakMap과 WeakSet의 개념 및 활용1.1 WeakMap과 WeakSet이 필요한 이유JavaScript에서는 메모리 관리가 매우 중요합니다.Map과 Set은 기본적으로 객체에 대한 참조를 유지하기 때문에, **가비지 컬렉터(GC)**가 자동으로 삭제하지 않습니다.이 문제를 해결하려면 WeakMap과 WeakSet을 사용하면 됩니다. 1.2 WeakMa..

JavaScript의 Map과 Set 완벽 정리(1편) - Object, Array와의 비교

JavaScript에는 다양한 데이터 구조가 존재하지만, 그중에서도 Map과 Set은 고유한 특성을 가지고 있는 중요한 컬렉션(Collection) 객체입니다. 특히 Object와 Array와 비교하면 각각의 장점과 단점이 뚜렷하게 드러납니다.이 글에서는 Map과 Set의 개념, 특징, 사용 방법, 주요 메서드뿐만 아니라 Object와 Array와의 차이점까지 깊이 있게 살펴보겠습니다.   1. Map 객체란?1.1 개념 및 특징Map은 키-값 쌍을 저장하는 컬렉션 객체입니다. Object와 비슷해 보이지만, 몇 가지 중요한 차이점이 있습니다.키로 모든 유형의 값(객체, 원시 값 등)을 사용할 수 있습니다.입력 순서를 유지합니다. (Object는 키 순서를 보장하지 않음)키의 중복을 허용하지 않습니다.성..