JavaScript의 _.size() 메서드란? 배열 크기를 구하는 방법

_.size() 메서드란 무엇인가?

_.size()는 JavaScript의 underscore.js 라이브러리에서 제공하는 유틸리티 함수입니다. 이 메서드는 배열의 크기(요소 개수)를 손쉽게 확인할 때 사용됩니다.

주의할 점은, 이 메서드를 사용하기 전에 반드시 underscore.js의 CDN을 HTML 문서에 포함시켜야 한다는 것입니다. CDN이 로드되지 않으면 코드 실행 시 오류가 발생합니다.

문법(Syntax)

_.size(array);

매개변수로 전달된 배열의 요소 개수를 숫자로 반환합니다.

예제 1: 일반 배열의 크기 구하기

다음 예제에서는 일반적인 숫자 배열을 _.size() 메서드에 전달하여 배열의 크기를 확인합니다.

<html>
<head>
<script 
   src = "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
</head>
<body>
<script type="text/javascript">
   var arr = [100, 62, 73, 534, 565];
   document.write(_.size(arr));
</script>
</body>
</html>

출력 결과

배열에 담긴 요소가 총 5개이므로 결과값으로 5가 출력됩니다.

예제 2: 객체를 요소로 가진 배열의 크기 구하기

다음 예제에서는 객체(object)들을 요소로 가지는 배열을 _.size() 메서드에 전달하여 크기를 확인합니다.

<html>
<head>
<script 
    src ="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
</head>
<body>
<script type="text/javascript">
    var arr = [{name:"Anu", age: 25},
               {name:"uday", age: 29},
               {name:"Anusha", age: 23}];
    document.write(_.size(arr));
</script>
</body>
</html>

출력 결과

객체 요소가 3개 포함된 배열이므로 결과값으로 3이 출력됩니다. 이처럼 _.size()는 배열의 요소가 단순 값이든 객체든 관계없이 요소의 개수를 정확하게 반환합니다.