JavaScript - 선택적 체이닝 ' ?. ' (Optional Chaining)

선택적 체이닝 ' ?. '

 

선택적 체이닝이란 객체 내부의 중첩된 객체 속성을 안전하게 접근할 수 있는 방법입니다.

 

'.' 표기법으로 중첩된 객체 속성에 접근할 때 존재하지 않는 속성에 접근할 경우 TypeError가 발생할 수 있습니다.

 

예시

const User = {
  name: 'Hero',
  age: 25
}

console.log(User.address.city); // TypeError: Cannot read properties of undefined (reading 'city')

 

이러한 에러를 방지하기 위해 선택적 체이닝 연산자 '?.'를 사용할 수 있습니다.

 

?. 연산자로 객체의 속성에 접근하고, 해당 속성이 존재하지 않으면 'undefined'를 반환하여 에러를 방지합니다.

 

const User = {
  name: 'Hero',
  age: 25,
}

console.log(User.address?.city);  // undefined
console.log(User.address?.city || '주소 없음'); // 주소 없음