JavaScript로 배열의 첫 번째 요소와 마지막 요소 가져오는 방법

JavaScript 배열의 첫 번째 요소와 마지막 요소 접근하기

자바스크립트 배열은 0부터 인덱싱(0-indexed)됩니다. 즉, 첫 번째 요소는 인덱스 0의 위치에 있고, 마지막 요소는 배열 길이 - 1 위치에 있습니다. 따라서 아래와 같이 간단하게 해당 요소들에 접근할 수 있습니다.

arr[0] // 첫 번째 요소
arr[arr.length - 1] // 마지막 요소

예제

let arr = [1, 'test', {}, 'hello'];
console.log(arr[0]);
console.log(arr[arr.length - 1]);

출력 결과

1
hello

참고: at() 메서드 활용하기

최신 자바스크립트(ES2022)에서는 at() 메서드를 사용하면 더 직관적으로 요소에 접근할 수 있습니다. 특히 음수 인덱스를 지원하므로 마지막 요소를 가져올 때 유용합니다.

arr.at(0)  // 첫 번째 요소
arr.at(-1) // 마지막 요소

배열이 비어 있는 경우 arr[0]과 arr.at(-1) 모두 undefined를 반환하므로, 실제 코드에서는 빈 배열 여부를 먼저 확인하는 것이 안전합니다.