JavaScript Underscore.js의 _.initial() 함수 사용법과 활용 예제

_.initial() 함수란?

_.initial()은 자바스크립트 라이브러리인 Underscore.js에서 제공하는 함수입니다. 이 메서드는 배열의 마지막 요소를 나머지 요소들과 구분하는 역할을 하며, 쉽게 말해 배열의 마지막 값을 제외한 모든 요소를 반환합니다.

기본 문법

_.initial( array, n );

_.initial() 함수는 최대 2개의 매개변수를 받을 수 있습니다.

매개변수 설명

array — 대상 배열입니다. 이 메서드는 전달된 배열에서 마지막 요소를 제외한 나머지 모든 요소를 반환합니다.

n — 배열의 오른쪽에서부터 잘라낼(제외할) 요소의 개수를 의미합니다. 이 매개변수는 선택 사항이며, 지정하지 않으면 기본적으로 마지막 요소 하나만 제외됩니다.

예제 1: 기본 사용법

다음 예제에서는 매개변수 없이 _.initial()을 호출하여 배열의 마지막 요소가 어떻게 제외되는지 확인할 수 있습니다.

<html>
<body>
<script 
   src ="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
</script>
</head>
<body>
<script type="text/javascript">
   document.write(_.initial([1,2,3,4,5]));
</script>
</body>
</html>

출력 결과

1,2,3,4

위 코드에서 배열 [1,2,3,4,5]의 마지막 요소인 5가 제외되고, 나머지 요소인 1부터 4까지 출력된 것을 확인할 수 있습니다.

예제 2: 두 번째 매개변수(n) 활용하기

두 번째 매개변수로 숫자 값을 전달하면, _.initial()은 해당 값만큼의 요소를 배열의 오른쪽에서 왼쪽 방향으로 잘라내고 남은 요소들을 화면에 표시합니다.

아래 예제에서는 두 번째 매개변수로 4를 전달했기 때문에 4개의 요소가 잘려나갑니다. 원래 배열에는 5개의 요소가 있으므로, 잘라내기를 마친 후에는 단 하나의 요소만 출력됩니다.

<html>
<body>
<script 
   src ="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
</script>
</head>
<body>
<script type="text/javascript">
   document.write(_.initial([1,2,3,4,5],4));
</script>
</body>
</html>

출력 결과

정리

_.initial() 함수는 배열에서 뒤쪽 요소를 제거하고 앞부분의 요소들만 가져와야 할 때 유용하게 사용됩니다. 특히 두 번째 매개변수를 조절함으로써 원하는 만큼의 뒤쪽 요소를 유연하게 제외할 수 있다는 점이 큰 장점입니다.