선택적 연쇄

JavaScript치트 시트선택적 연쇄
JavaScript 치트 시트
  1. 배열과 메서드
  2. switch문
  3. 객체 복사하기
  4. 명시적 형 변환
  5. 선택적 연쇄
  6. 널 같은 값 병합 연산자

JavaScript의 선택적 연쇄에 대해 간단히 알아본다.

선택적 연쇄(optional chaining), ?.를 사용하면 중첩된 객체의 프로퍼티에 안전하게 접근할 수 있다. 연산자의 왼쪽에 있는 평가 대상이 null 또는 undefined이면 평가를 멈추고 undefined를 반환한다.

구문:

object?.property
object?.[exprssion]
array?.[index]
function?.(arguments)

예시:

const user = {
  name: 'Alice',
  cat: {
    name: 'Dinah'
  }
};


console.log(user.dog?.name); // undefined
console.log(user.nonExistentMethod?.()); // undefined
참고 문헌