Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript Map.clear() 함수 – Map 객체의 모든 요소 한 번에 삭제하기


Map.clear() 함수란?

JavaScript의 clear() 함수는 현재 Map 객체에 저장된 모든 요소(키-값 쌍)를 한 번에 삭제하는 메서드입니다. 이 함수는 별도의 매개변수를 받지 않으며, 반환값은 undefined입니다. clear()가 실행되면 Map 객체의 size 속성 값이 0으로 초기화됩니다.

문법(Syntax)

clear() 함수의 기본 문법은 다음과 같습니다.

mapVar.clear()

예제 1: 기본 사용법

다음 예제에서는 네 개의 데이터를 저장한 Map 객체를 생성한 뒤, clear() 함수를 호출하여 모든 요소를 삭제하고 size 속성으로 그 결과를 확인합니다.

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var mapVar = new Map();
      mapVar.set('1', 'Java');
      mapVar.set('2', 'JavaFX');
      mapVar.set('3', 'HBase');
      mapVar.set('4', 'Neo4j');
      var map = mapVar.clear();
      document.write("Size of the map object: "+mapVar.size);
   </script>
</body>
</html>

실행 결과

Size of the map object: 0

예제 2: 삭제 전후 크기 비교

아래 예제는 clear() 함수를 호출하기 전과 후의 Map 객체 크기를 비교하여 보여줍니다. 삭제 전에는 4였던 크기가, clear() 실행 후에는 0으로 변경되는 것을 확인할 수 있습니다.

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var mapVar = new Map();
      mapVar.set('1', 'Raju');
      mapVar.set('2', 'Ram');
      mapVar.set('3', 'Rahim');
      mapVar.set('4', 'Robert');
      document.write("Size of the map: "+mapVar.size);
      var map = mapVar.clear();
      document.write("<br>");
      document.write("Size of the map after clearing its contents using clear() function: "+mapVar.size);
   </script>
</body>
</html>

실행 결과

Size of the map: 4
Size of the map after clearing its contents using clear() function: 0

정리 및 참고 사항

  • 매개변수: 없음
  • 반환값: undefined
  • 동작: Map 객체의 모든 키-값 쌍을 삭제하며, 호출 후 size는 항상 0이 됩니다.
  • delete()와의 차이: delete(key)는 지정한 키 하나만 제거하지만, clear()는 Map 객체의 전체 내용을 한꺼번에 비웁니다.