목차
array .at() 예제 - 지정 색인번호의 배열값 반환array .at() 정의array .at() 구문array .at() 예제 - 매개변수가 없는 경우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
