[Array] JS - at() 메서드 - 지정 색인번호의 배열값 반환 (= at메서드 = 엣메서드/앳메서드)

목차

1. array.at() 예제 - 지정 색인번호의 배열값 반환
2. array.at() 정의
3. array.at() 구문
4. array.at() 예제 - 매개변수가 없는 경우
5. array.at() 예제 - 매개변수가 음수인 경우

array.at() 예제 - 지정 색인번호의 배열값 반환

(예) 3번째 배열값 반환. (※ 배열 색인번호는 0부터 기산.)

 

<p id="demo"></p>

<script>

const langs = ["HTML", "CSS", "JavaScript", "jQuery"];

let lang = langs.at(2);

document.getElementById("demo").innerHTML = lang;

</script>

 

결과값: JavaScript

array.at() 정의

 

지정 색인번호의 배열값 반환. (※ 배열기호인 []와 유사)

 

---

 

1. cf.

• at() 메서드 - 음수 색인번호 가능 O. (예) array.at(-1) 경우, 마지막 배열값 반환.
• [] 배열기호 - 음수 색인번호 가능 X. (예) array[-1] 경우, undefined 반환.

2. 

주요 최신 브라우저 모두 지원.

 

3. MDN at() 예제보기

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/at

 

array.at() 구문

 

array.at(index)

 

---

[매개변수]

 

index

선택. 반환할 배열값의 색인번호. (기본값: 0)

• 0 : 맨처음 배열값 (※ 매개변수 없을 시, 기본값 0 적용.)
• -1 : 마지막 배열값 (※ 음수인 경우 배열 맨뒤부터 기산.)  = array.length - 1

 

 

---

[반환값]

 

지정 색인번호의 배열값 반환.

 

array.at() 예제 - 매개변수가 없는 경우

※ 매개변수 없으면 기본값 0이 배정되며, 맨 처음 배열값 반환.

 

<p id="demo"></p>

<script>

const langs = ["HTML", "CSS", "JavaScript", "jQuery"];

let lang = langs.at();

document.getElementById("demo").innerHTML = lang;

</script>

 

결과값: HTML

array.at() 예제 - 매개변수가 음수인 경우

※ 색인번호 -1 경우, 마지막 배열값 반환.

 

<p id="demo"></p>

<script>

const langs = ["HTML", "CSS", "JavaScript", "jQuery"];

let lang = langs.at(-1);

document.getElementById("demo").innerHTML = lang;

</script>

 

결과값: jQuery

---

PS1. langs.length - 1 결과값 동일.

 

<p id="demo"></p>

<script>

const langs = ["HTML", "CSS", "JavaScript", "jQuery"];

let lang = langs.at(langs.length-1);

document.getElementById("demo").innerHTML = lang;

</script>

 

결과값: jQuery

---

PS2. langs[-1] 경우, undefined 에러 발생.

<p id="demo"></p>

<script>

const langs = ["HTML", "CSS", "JavaScript", "jQuery"];

let lang = langs[-1];

document.getElementById("demo").innerHTML = lang;

</script>

 

결과값: undefined