Array.prototype.at()에 관한 MDN 문서

Array.prototype.at() - JavaScript | MDN

 

at 메서드는 정수 값을 받아, 배열에서 해당 값에 해당하는 인덱스의 요소를 반환한다. 양수와 음수 모두 지정할 수 있고,  음수 값의 경우 배열의 뒤에서부터 인덱스를 센다.

 

at() 메서드의 존재가 대괄호 표기법을 부정하는 것은 아니다.  예를 들어 array[0]은 문제 없이 배열의 첫 요소를 반환한다. 그러나 맨 마지막 요소를 가져오고 싶을 때 length 속성을 사용해 array[array.length - 1]을 하는대신, 짧게 array.at(-1)을 사용할 수 있다.

 

const array1 = [5, 12, 8, 130, 44];

let index = 2;

console.log(`Using an index of ${index} the item returned is ${array1.at(index)}`);
// Expected output: "Using an index of 2 the item returned is 8"

index = -2;

console.log(`Using an index of ${index} item returned is ${array1.at(index)}`);
// Expected output: "Using an index of -2 item returned is 130"

 

아래 예제는 주어진 배열에서 마지막에 위치한 값을 반환하는 함수를 정의한다.

 

// 대상 배열
const cart = ['사과', '바나나', '배'];

// 주어진 배열의 마지막 요소를 반환하는 함수
function returnLast(arr) {
  return arr.at(-1);
}

// 위의 배열 'cart'에서 마지막 요소를 가져옴
const item1 = returnLast(cart);
console.log(item1); // '배' 기록

// 위의 배열 'cart'에 요소를 추가함
cart.push('오렌지');
const item2 = returnLast(cart);
console.log(item2); // '오렌지' 기록