Array.prototype.at()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/at

Array.prototype.at() - JavaScript | MDN

 

at() 메소드는 정수 인덱스 값을 가지고 인덱스  정수 번째에 위치한 아이템을 반환한다.

인덱스는 음수와 양수가 가능한데, 음수는 배열의 마지막부터 거꾸로 카운트하여 위치한 아이템을 반환한다.

 

인덱스 값은 좀 틀리기 쉬운 부분이 있는데, 1번째 인덱스에 위치한 값을 array[1]이 아니라 array[0]이라는 것이다.

그리고 마지막에 위치한 값을 가져올때는 array[array.length-1] 를 사용하는 대신에 array.at(-1)을 사용할 수 있다.

마지막값을 array.at(-1)로 사용하는 경우 array[array.length-1]를 사용했을 때 필요한 0번째 실행시 array[-1]이 undefined이 되는 대신 배열의 가장 마지막 값을 가져오는 것으로 바꿀 수 있기 때문에 좋다.

 

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

let index = 2;

console.log(`인덱스 값 ${index} 을 사용하여 배열에서 가져오는 아이템은 ${array1.at(index)} 입니다.`);
// 예상되는 출력 : "인덱스 값 2 을 사용하여 배열에서 가져오는 아이템은 8 입니다."

index = -2;

console.log(`인덱스 값 ${index} 을 사용하여 배열에서 가져오는 아이템은 ${array1.at(index)} 입니다.`);
// 예상되는 출력 : "인덱스 값 -2 을 사용하여 배열에서 가져오는 아이템은 130 입니다."