JavaScript Array at()

정의와 사용법

at() 메서드는 배열에서 지정된 인덱스 위치의 요소를 반환합니다.

at() 메서드와 [] 의 효과가 동일합니다.

2022년 3월부터at() 모든 현대 브라우저에서 메서드가 지원됩니다.

주의

다양한 프로그래밍 언어에서는 ([-1])와 같은 음수 인덱스를 사용하여 객체/배열/문자열의 마지막 요소에 접근할 수 있습니다.

JavaScript에서는 불가능합니다. [] 배열과 객체에 접근하는 데 사용됩니다. obj[-1]은 -1의 키가 아닌 객체의 마지막 속성을 가리킵니다.

at() ES2022에서 이 문제를 해결하기 위해 메서드가 도입되었습니다.

예제

예제 1

fruits 배열의 세 번째 요소를 가져오기:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(2);

직접 테스트해 보세요

예제 2

fruits 배열의 세 번째 요소를 []로 가져오기:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[2];

직접 테스트해 보세요

예제 3

fruits 배열의 첫 번째 요소를 가져오기:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at();

직접 테스트해 보세요

예제 4

fruits 배열의 마지막 요소를 가져오기:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(-1);

직접 테스트해 보세요

문법

array.at(index)

파라미터

파라미터 설명
index

선택 사항입니다. 반환할 배열 요소의 인덱스(위치)를 지정합니다.

기본 값은 0입니다. -1은 마지막 요소를 반환합니다.

반환 값

타입 설명
지정된 위치(인덱스)의 요소.

브라우저 지원

2022년 3월부터 JavaScript 배열 at() 모든 브라우저에서 지원되는 메서드:

Chrome Edge Firefox Safari Opera
Chrome 92 Edge 92 Firefox 90 Safari 15.4 Opera 78
2021년 4월 2021년 7월 2021년 7월 2022년 3월 2021년 8월