JavaScript 배열에서 마지막 요소를 가져오는 가장 대표적인 방법은 slice() 메서드를 사용하는 것입니다. slice()에 음수 인덱스인 -1을 전달하면 배열의 마지막 요소만 담긴 새로운 배열이 반환되며, 여기에 [0]으로 접근하면 마지막 요소 자체를 얻을 수 있습니다.
예제
아래 코드를 실행하면 배열의 마지막 요소를 출력할 수 있습니다.
<html> <body> <script> var array = [30, 40, 50, 60]; document.write(array.slice(-1)[0]); </script> </body> </html>
실행 결과는 60입니다. 원본 배열 [30, 40, 50, 60]에서 마지막 값인 60이 화면에 표시됩니다.
slice() 메서드를 사용하는 이유
slice()는 원본 배열을 변경하지 않는 비파괴적(non-destructive) 메서드입니다. 즉, 기존 배열 데이터에는 전혀 영향을 주지 않으면서 마지막 요소만 안전하게 추출할 수 있습니다.
다른 방법들
1. at() 메서드 (ES2022)
최신 브라우저와 Node.js 환경에서는 at() 메서드를 사용하는 것이 가장 간결합니다.
const arr = [30, 40, 50, 60]; console.log(arr.at(-1)); // 60
2. length 속성 활용
전통적인 방식으로 배열 길이에서 1을 빼서 인덱스에 접근할 수 있습니다.
const arr = [30, 40, 50, 60]; console.log(arr[arr.length - 1]); // 60
3. pop() 메서드
pop() 역시 마지막 요소를 반환하지만, 원본 배열에서 해당 요소를 제거한다는 점에 주의해야 합니다.
const arr = [30, 40, 50, 60]; const last = arr.pop(); // 60 console.log(arr); // [30, 40, 50] — 원본이 변경됨
정리하자면, 원본 배열을 그대로 유지하면서 마지막 요소만 필요하다면 slice(-1)[0] 또는 at(-1)을 사용하는 것이 가장 안전하고 권장되는 방식입니다.