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

JavaScript Map 객체의 size 속성 완벽 가이드

JavaScript에서 Map.size 속성은 Map 객체에 저장된 요소(키-값 쌍)의 개수를 반환하는 읽기 전용(read-only) 속성입니다. 이 속성은 별도의 매개변수 없이 Map 객체 자체의 현재 크기를 즉시 확인할 수 있어, 데이터 개수를 추적하거나 조건문에서 활용하기 매우 편리합니다.

구문(Syntax)

size 속성의 사용 구문은 다음과 같습니다.

mapVar.size

여기서 mapVar는 크기를 확인하고자 하는 Map 객체를 의미합니다.

특징

  • 읽기 전용: size 값은 직접 수정할 수 없으며, set()이나 delete() 등의 메서드로 요소가 추가·삭제될 때 자동으로 갱신됩니다.
  • 정수 반환: 항상 0 이상의 정수형 숫자를 반환합니다.
  • 빈 Map 처리: 요소가 하나도 없는 경우 0을 반환합니다.

예제 코드

다음 예제는 Map 객체에 네 개의 키-값 쌍을 추가한 후, 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');
      document.write("Map 객체의 크기: " + mapVar.size);
   </script>
</body>
</html>

실행 결과

Map 객체의 크기: 4

위 코드에서는 set() 메서드로 네 개의 항목을 추가했으므로, size 속성은 정확히 4를 반환합니다.

활용 팁

size 속성은 배열의 length와 유사하게 동작하지만, Map에서는 함수가 아닌 속성이라는 점에 주의해야 합니다. 또한 다음과 같이 조건문과 함께 사용하면 Map이 비어 있는지 간단히 검사할 수 있습니다.

if (mapVar.size === 0) {
  console.log("Map이 비어 있습니다.");
}

이처럼 Map.size 속성은 Map 객체의 데이터 개수를 손쉽게 파악할 수 있는 기본적이면서도 실용적인 도구입니다.