Optional Chaining

2024. 4. 15. 21:24· Language/Javascript

문법 : ?.
설명 : ?. 앞에 선언된 필드가 undefined, null이면 undefined 반환, 값이 true 이면 세팅값을 반환

const person = {
  job: {
    manager: {
      name: 'hongkildong',
    },
  },
};

//정의되지 않은 키(manager2) 참조 시 에러 없이 undefined 반환
console.log(person.job && person.job.manager2 && person.job.manager.name); // undefined

//정의되지 않은 키(manager2) 참조 시 에러 발생
console.log(person.job.manager2.name); // Error
VM557:1 Uncaught TypeError: Cannot read properties of undefined (reading 'name')
    at <anonymous>:1:33

//Error 방지를 위한 문법
console.log(person.job && person.job.manager && person.job.manager.name); // hongkildong

//?. 문법 사용
console.log(person?.job?.manager2?.name); // undefined
console.log(person?.job?.manager?.name); // hongkildong
728x90
반응형

'Language > Javascript' 카테고리의 다른 글

숫자 구분 기호 (Numeric Separators)  (0) 2024.04.16
자바스크립트 파일 용량 표시  (0) 2018.08.31
window.open 새탭으로 열기  (0) 2018.01.11
'Language/Javascript' 카테고리의 다른 글
  • 숫자 구분 기호 (Numeric Separators)
  • 자바스크립트 파일 용량 표시
  • window.open 새탭으로 열기
공손(gongson)
공손(gongson)
모든건 나의 마음으로부터 나오는 것임을...
WEBGLE모든건 나의 마음으로부터 나오는 것임을...
공손(gongson)
WEBGLE
공손(gongson)
전체
오늘
어제
  • 분류 전체보기 (163)
    • AI (1)
      • LangChain (1)
    • DB (49)
      • Oracle (36)
      • Mssql (13)
    • Language (30)
      • Java (8)
      • Jsp (3)
      • Javascript (4)
      • Nodejs (1)
      • Python (14)
    • Algorithm (0)
    • UIUX (3)
      • css (0)
      • html (2)
      • html5 (0)
      • bootstrap (1)
    • Server (5)
      • linux (3)
      • window (2)
    • WAS (2)
      • tomcat (2)
    • Framework (6)
      • spring (3)
      • ibatis (3)
    • Tools (7)
      • Eclipse (5)
      • Toad (1)
      • Git (0)
      • VS Code (1)
    • Office (2)
      • Excel (0)
      • browser (2)
    • 용어사전 (26)
    • 자료실 (5)
    • 강좌 (10)
      • javascript 기초 (10)
    • Etc (14)
      • 개발이야기 (4)
      • 좋은글 (4)
      • 기타 (6)

블로그 메뉴

  • 홈
  • 글쓰기
  • 태그

인기 글

태그

  • AI
  • AI용어
  • JavaScript
  • langchain
  • 오라클

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
공손(gongson)
Optional Chaining
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.