[JavaScript] 배열의 마지막 element 가져오는 방법 세가지

1. 배열의 길이를 이용해 직접 index을 지정해서 값을 가져오기

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

// last element by length
console.log(arr[arr.length - 1]);

 

2. slice method로 마지막 element 가져오기

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

// last element by slice
console.log(...arr.slice(-1));

 

3. pop method로 마지막 element 가져오기

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

// last element by pop
console.log(arr.pop());

 

이 세가지 방법의 performance를 측정해보면 (크롬 기준)

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

// last element by length
console.time('lastindex');
console.log(arr[arr.length - 1]);
console.timeEnd('lastindex');

// last element by slice
console.time('slice');
console.log(...arr.slice(-1));
console.timeEnd('slice');

// last element by pop
console.time('pop');
console.log(arr.pop());
console.timeEnd('pop');

pop() method 가 가장 빠름

 

보통 length를 이용한 마지막 element의 index를 직접 지정해서 값을 가져오는 방법을 많이 사용할텐데 위  performance 차이가 많이 나기 때문에 pop을 이용하는 것이 가장 좋을 듯 합니다.