<JS>array의 마지막 항목 가져오기

문제🧐❓

배열을 알고 있다면 index로 배열에 접근하는 것에 문제가 없지만 배열을 알지 못할 때 배열 접근에 어려움을 겪었다
구글링 중에 다양한 방법으로 배열의 마지막 index에 접근하는 방법을 알게되어 정리해볼려고 한다~~✍🏻

length를 이용한 접근

가장 권장하는 방법!

const arr = [ 5, 3, 2, 7, 8 ];
const last = arr[arr.length-1];
console.log(last) 
//결과:8

slice()를 이용한 접근

다만 단순히 slice()를 사용하면 숫자->문자타입으로 변환되는 것에 주의👀

const arr = [ 5, 3, 2, 7, 8 ];
 
const [last] = arr.slice(-1);
console.log(last);
//결과:8

pop()을 이용한 접근

pop() 메서드는 어레이에서 마지막 요소를 반환하지만 어레이에서도 제거합니다. 원래 어레이을 수정하지 않으려면 호출하기 전에 어레이의 복사본을 만드는 것이 필요

const arr = [ 5, 3, 2, 7, 8 ];
 
const last = arr.pop();
console.log(last); //결과:8
console.log(arr) //결과:[5, 3, 2, 7]

ES6 스프레드 연산자를 통해서 어레이를 복사해서 온다
그럼 이전에 배열을 건들이지 않고 마지막 요소를 들고올 수 있다

const arr = [ 5, 3, 2, 7, 8 ];
 
const last = [...arr].pop();   // 큰 어레이에는 권장하지 않음
console.log(last); //결과:8
console.log(arr) //결과:[5, 3, 2, 7,8]

밑줄/Lodash 라이브러리를 이용한 접근

또는 Underscore 또는 Lodash JavaScript 라이브러리를 사용하여 no-arg를 사용할 수 있습니다. _.last 어레이의 마지막 요소를 반환하는 메서드입니다.

const _ = require('underscore');
 
const arr = [ 5, 3, 2, 7, 8 ];
const last = _.last(arr);
console.log(last);
//결과:8