Optional Chaining Operator

▶ ?.으로 사용할 수 있다.

 

 

▶ 단축 평가보다 간단한 방법으로 사용할 수 있다.

 

// 단축평가
const num1 = { number: 3 };
const short = num1 && num1.number;  // num이 true라면 num의 number값을 반환
console.log(short);


const man = { name: 'Hong', pet: { name: 'Cosi'} };
const short = man && man.pet && man.pet.name;  // man이 true, man.pet이 true라면 man.pet.name을 반환해라
console.log(short);



// 옵셔널 체이닝
const num2 = { number: 5 };
const chaining = num2?.number;  // item이 있니? 있다면 item.number에 접근해라
console.log(chaining);


const woman = { name: 'Omi', pet: { name: 'Akane'} };
const chaining = woman?.pet?.name;  // item이 있니? 있다면 item.number에 접근해 근데 item.number이 있니? 있으면 item.number.name을 반환해라
console.log(chaining);