[JavaScript] 배열에 접근할 때 index 대신 at()

index를 활용한 배열 접근

자바 스크립트에서 배열에 접근할 때 다른 언어들과 유사하게 index 값을 활용한다.

index는 위치를 기준으로 정의된 값이다.
배열에서의 index는 배열 시작으로부터 몇 번째에 위치하느냐를 가리키는 위치 값이다.
따라서 배열의 첫 번째 값에 접근할 때 index의 값으로 0을 사용한다.

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

console.log(array[0]); // output: 1
console.log(array[1]); // output: 2

배열의 맨 마지막 값에 접근하고자 할 때 다음과 같이 접근한다.

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

console.log(array[array.length() - 1]); // output: 5

가독성을 위해 다음과 같이 인덱스에 음수를 넣어 코드를 작성하고 싶지만 undefined가 출력된다.

console.log(array[-1]); // output: undefined

at()

이를 지원하기 위한 함수가 at() 이다.
at() 함수는 다음과 같이 사용할 수 있다.

console.log(numbers.at(-1)); // output: 5
console.log(numbers.at(-2)); // output: 4

console.log(numbers.at(0)); // output: 1
console.log(numbers.at(1)); // output: 2

at() 함수를 사용하면 가독성이 더 높은 코드를 작성할 수 있을 것 같다.