JavaScript Map이란?
Map은 각 요소가 키(Key)-값(Value) 쌍으로 저장되는 자료 구조입니다. 객체뿐만 아니라 원시 타입(primitive) 값도 키나 값으로 사용할 수 있으며, Map 객체를 순회(iterate)하면 요소가 삽입된 순서 그대로 키-값 쌍을 반환합니다.
Map에 저장된 모든 데이터를 삭제해야 할 때는 map.clear() 메서드를 사용합니다. 이 메서드는 Map 내부의 모든 키-값 쌍을 제거하여 Map을 완전히 비운 상태로 만듭니다.
map.clear() 구문
map.clear();
clear() 메서드는 별도의 매개변수를 받지 않습니다. 호출되는 즉시 해당 Map에 저장된 모든 요소를 삭제하며, 반환값은 undefined입니다. 요소 삭제 후에는 size 속성이 0이 됩니다.
예제 1: 요소 2개인 Map 비우기
다음 예제에서는 Map을 생성한 뒤 2개의 요소를 추가합니다. map.clear() 메서드를 호출하기 전 Map의 크기는 2였지만, 호출 후 크기가 0으로 변경됩니다.
<html>
<body>
<script>
var myMap = new Map();
myMap.set(0, 'Tutorialspoint');
myMap.set(1, 'Tutorix');
document.write(myMap.size);
document.write("</br>");
myMap.clear();
document.write(myMap.size);
</script>
</body>
</html>출력 결과
2 0
예제 2: 요소 4개인 Map 비우기
다음 예제에서는 4개의 요소를 가진 Map을 생성합니다. 마찬가지로 map.clear() 메서드를 호출하기 전 크기는 4였지만, 호출 후에는 0이 됩니다.
<html>
<body>
<script>
var myMap = new Map();
myMap.set(0, 'India');
myMap.set(2, 'Australia');
myMap.set(3, 'England');
myMap.set(4, 'Newzealand');
document.write(myMap.size);
document.write("</br>");
myMap.clear();
document.write(myMap.size);
</script>
</body>
</html>출력 결과
4 0
정리
JavaScript의 Map.clear() 메서드는 Map 객체에 저장된 모든 키-값 쌍을 한 번에 제거하는 가장 간단하고 효율적인 방법입니다. 개별 요소를 반복문으로 하나씩 삭제하는 대신 clear()를 한 번만 호출하면 되므로 코드도 깔끔해지고 성능 면에서도 유리합니다.