JavaScript Array at()
- 이전 페이지 new Array()
- 다음 페이지 concat()
- 上一层으로 돌아가기 JavaScript Array 참조 가이드
정의와 사용법
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월 |
- 이전 페이지 new Array()
- 다음 페이지 concat()
- 上一层으로 돌아가기 JavaScript Array 참조 가이드