Array.at(), 배열 인덱스 값에 접근하는 방법

🤔 이번 시간에는 배열의 값에 접근할 수 있는 2가지 방법(index, array.at())에 대해 알아보았다!

1. index로 접근

• 배열에서 인덱스에 해당하는 값에 접근할 때는 arr[index]방식을 사용할 수 있다.

const arr = ['apple', 'banana'];

arr[1];  // 'banana'

• 만약 배열의 마지막 값에 접근하고 싶다면, arr.length() -1 을 사용해야 한다.

const arr = ['apple', 'banana'];

arr[arr.length - 1];  // 'banana'

• 그런데 매번 배열의 마지막 값을 접근할 때, arr.length - 1을 해야 한다니..조금 번거롭다는 생각이 든다!
• 그래서 우린, 좀 더 짧은 구문인 array.at()을 사용할 수 있다!

2. array.at() 사용하기

array.at(index)

• array.at()은 index값을 받아, 배열 index에 해당하는 값에 접근할 수 있다.
• 음수, 양수값을 모두 받을 수 있으며, 음수값을 지정하면 배열의 마지막을 기준으로 값에 접근한다.
• 단 음수값의 경우, 배열길이까지의 값만 유효하게 작용한다.

• 아래 예시는 배열의 인덱스 1에 해당하는 값에 접근한 모습이다.

const arr = ['apple', 'banana'];

arr.at(0);  // 'apple'

• 만약 배열의 마지막 값에 접근하고자 한다면, -1을 넘겨주면 된다.

const arr = ['apple', 'banana'];

arr.at(-1);  // 'banana'

• 이중 배열에서 array.at과 index 접근을 복합적으로 쓸 수 있다.

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

arr.at(1)[0];  // 3

🙂 둘 중 어느 방법이 좋다고 가릴 순 없지만, 배열의 마지막 값에 접근할 때는 array.at()을 써봐도 좋을 듯 하다