[JS] 배열 마지막 값 가져오기

 

JS에서 배열의 마지막 값을 가져오는 방법은 다양합니다. 많은 방법 중 배열의 마지막  값을 가져오는 대표적인 방법 3가지를 소개합니다.

 

배열의 길이를 통해 구하기

const arr = [1, 2, 3, 4, 5];

// 마지막 값
arr[arr.length - 1];

Array.length 속성을 이용해 배열의 길이에서 -1을 뺏 인덱스에 접근하면, 배열의 마지막 값을 가져올 수 있습니다.

 

Array.at 메서드 사용하기

const arr = [1, 2, 3, 4, 5];

// 마지막 값
arr.at(-1);

// 뒤에서 n번째 값
arr.at(-n);


// arr.at(0) -> 1 == arr[0] -> 1

at() 메서드는 정수를 값으로 받아 배열의 해당 인덱스의 요소를 반환하는 메서드입니다.

 

흔히 사용하는 대괄호 표기법 ( [] )과 엄청나게 유사하지만, 해당 메서드는 마지막 요소를 가져오고 싶을 때 Array.at(-1)을 사용하여 쉽게 마지막 요소를 가져올 수 있습니다.

 

Array.pop 메서드 사용하기

const arr = [1, 2, 3, 4, 5];

// [...arr] or arr.slice() -> 얕은 복사

// 배열을 복사하여 마지막 값 가져오기
[...arr].pop();

pop() 메서드는 해당 배열의 마지막 요소를 삭제하고 해당 값을 반환합니다. 마지막 값이 삭제된다는 문제는 배열을 복사하여 참조가 되지 않게 만들어주면, 문제없이 마지막 요소를 가져올 수 있습니다.