프로그래밍 「 자바스크립트 편」코딩새 배열 메서드: array.at()

님이 촬영 한 사진 블레이크 코날리 on Unsplash

JavaScript 배열의 인덱스는 0부터 시작하고 첫 번째 요소의 인덱스는 0이며 마지막 요소의 인덱스는 배열의 길이에서 1을 뺀 값과 같습니다.

과거에는 일반적으로 대괄호를 사용하여 인덱스로 배열 요소에 액세스했습니다: array[index], 지정된 인덱스가 잘못된 값인 경우 JavaScript 배열은 오류를 보고하지 않지만 정의되지 않은 것을 반환합니다.

const array = ['this is the first element', 'this is the second element', 'this is the last element'];
console.log(arr[0])              // logs 'this is the first element'
console.log(arr[1])              // logs 'this is the second element'

대부분의 경우 대괄호 구문은 양수 인덱싱을 통해 배열 요소에 액세스하는 좋은 방법입니다.

그러나 때때로 우리는 시작이 아닌 끝에서 요소에 접근하기를 원합니다. 예를 들어, 배열의 마지막 요소에 액세스하려면:

const array = ['this is the first element', 'this is the second element', 'this is the last element'];
console.log(arr[arr.length - 1]) // logs 'this is the last element'

배열은 이제 배열 요소에 액세스하는 새로운 메서드인 Array.prototype.at()를 제공합니다.

at() 메서드는 정수 값을 사용하여 해당 인덱스의 항목을 반환하며 양수와 음수를 모두 사용할 수 있습니다. 음의 정수는 배열의 마지막 항목부터 카운트다운됩니다.

대괄호 표기법은 괜찮지 만 이후 항목의 경우 array.length 에 액세스하지 않고 array.at (-1) 을 호출 할 수 있습니다 (아래 예 참조).

const array1 = ['this is the first element', 'this is the second element', 'this is the last element'];

console.log(arr.at(0))              // logs 'this is the first element'
console.log(arr.at(-2))             // logs 'this is the second element'
console.log(arr.at(-1))             // logs 'this is the last element'

위의 예는 at() 메서드의 단순성과 가독성을 강조합니다.