[JavaScript] Array at 함수

2023. 9. 12. 15:55·JavaScript
반응형

Array에서는 at이라는 메서드를 사용할 수 있다. 

정수값을 받아 해당 인덱스에 있는 항목을 반환하며, 양수와 음수를 사용할 수 있다. 

 

우리가 일반적으로 배열의 특정 인덱스 값을 조회하기 위해서는 index를 사용한다. 

const array = ["first", "second", "third"];

const first = array[0];

순차적으로 조회를 하는 경우 등에는 전혀 문제가 없다. 

하지만 마지막 요소를 조회하는 경우 우리는 어떤 방식을 사용할까? 

 

const array = ["first", "second", "third"];

const last = array[array.length - 1];

array.length를 구한 다음 -1을 통해서 마지막 값을 가져온다. 

 

해당 방법이 문제는 아니지만 불편함이 있다고 느낀다. 

이것을 at을 사용하면 간단하게 처리가 가능하다. 

 

at 

const array = ["first", "second", "third"];

const last = array.at(-1);

-1을 통해서 접근이 가능하다! 

 

at(index)

사용 방법은 간단한데, at 메서드에 index 값을 넣어주면 끝이다. 

index의 범위는 -array.length <= index < array.length 이다. 

 

만약 범위 밖의 값을 넣는다면 해당 값을 접근하지 않고 항상 undefined를 반환한다. 

반응형
저작자표시 비영리 변경금지 (새창열림)

'JavaScript' 카테고리의 다른 글

[JavaScript] 자꾸 까먹는 e.preventDefault & e.stopPropagation  (2) 2023.11.11
[JavaScript] ?, !  (2) 2023.10.07
[JavaScript] localeCompare  (0) 2023.04.22
[JavaScript] &nbsp; 공백 표시가 안되는 경우  (0) 2023.04.14
[JavaScript] Date 함수 시간을 한국 시간으로 변경  (0) 2023.04.12
'JavaScript' 카테고리의 다른 글
  • [JavaScript] 자꾸 까먹는 e.preventDefault & e.stopPropagation
  • [JavaScript] ?, !
  • [JavaScript] localeCompare
  • [JavaScript] &nbsp; 공백 표시가 안되는 경우
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    영어독학
    Docker
    네트워크
    react
    typescript
    리얼클래스
    영어회화
    바질 키우기
    redux
    타입스크립트
    프로그래머스
    리액트
    Node.js
    덤프
    바질
    리얼학습일기
    ReactNative
    ChatGPT
    Babel
    javascript
    네이버 부스트캠프
    next.js
    다이소
    알고리즘
    CSS
    webpack
    자바스크립트
    식물
    타일러영어
    CCNA
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[JavaScript] Array at 함수
상단으로

티스토리툴바