자바스크립트 Array.at() 메서드

종종 우리는 배열에서 단일 항목을 반환하려고 합니다. 주어진 인덱스에서 항목을 반환하는 at(index) 메서드를 포함하여 이를 수행하는 몇 가지 메서드가 있습니다. 음수 값이 배열의 마지막 항목에서 다시 계산되는 양수 값과 음수 값을 모두 사용합니다.

이 방법을 살펴보고 더 친숙한 방법과 비교해 봅시다.

배열의 첫 번째 항목 인덱스 가져오기

대괄호 표기법을 사용하는 것도 여전히 완벽하며 배열의 첫 번째 항목을 얻으려면 다음을 수행할 수 있습니다.

배열 길이 방법 사용

인덱스 0을 전달하는 대괄호를 사용하여 배열의 첫 번째 항목을 가져올 수 있습니다.

array[0]

at 메소드 사용

인덱스 0을 전달하는 at() 메서드를 사용하여 배열의 첫 번째 항목을 가져올 수도 있습니다.

array.at(0)

배열의 마지막 항목 인덱스 가져오기

배열 길이 방법 사용

실제 차이점은 배열의 마지막 숫자를 얻고자 할 때입니다. 배열의 마지막 항목을 가져오기 위해 배열의 길이 속성을 사용하고 1을 빼는 것은 매우 일반적입니다. 배열은 1이 아닌 0에서 시작하기 때문에 -1을 사용합니다.

array[array.length - 1]

슬라이스 방법 사용

또는 원하는 값을 얻기 위해 한 인덱스에서 다른 인덱스로 슬라이스할 수 있는 슬라이스 방법을 사용할 수 있습니다. 그러나이 방법은 반드시 원하는 것이 아닐 수도 있는 배열을 반환합니다.

array.slice(-1)

at 메소드 사용

위의 방법을 사용하는 데 아무런 문제가 없지만 at() 방법을 사용하고 array.length 를 사용하지 않고 -1 값을 전달하는 더 짧은 구문을 사용할 수 있습니다.

array.at(-1)

다시 두 방법 모두 괜찮으므로 선호하는 방법을 사용하십시오.

예시

실제 사용 예를 보기 위해 음식 배열을 만든 다음 배열의 첫 번째 항목과 마지막 항목의 인덱스를 찾아보겠습니다.

const food = ['pizza', 'burgers', 'sushi', 'steak', 'salad']

console.log(food[0]) // pizza

console.log(food.at(0)) // pizza

console.log(food[food.length - 1]) // salad

console.log(food.slice(-1)) // [salad]

console.log(food.at(-1)) // salad

콘솔에 붙여넣고 직접 확인하거나 색인을 가지고 놀면서 다른 결과를 얻거나 내가 만든 codepen을 확인하십시오.

다시 모든 방법이 완벽하게 작동하므로 원하는 방법을 선택하십시오. at() 메서드는 기억하기 쉽고 매우 훌륭하며 전체 브라우저를 지원합니다. (Android용 Internet Explorer 또는 Opera가 필요하지 않은 경우).

더 알아보기

자세한 내용은 MDn 문서Array.prototype.at()를 확인하세요.

내 게시물을 확인하세요.

내 게시물을 확인하세요.