[JavaScript] 옵셔널 체이닝 연산자 (Optional Chaining Operator) - ?.

옵셔널 체이닝 연산자(Optional Chaining Operator)는 ES11에 도입된 새로운 연산자입니다.

옵셔널 체이닝 연산자(Optional Chaining Operator)란 과연 무엇인지 지금부터 알아보겠습니다.

---

1. 옵셔널 체이닝 연산자 (Optional Chaining Operator) 

• 좌항의 피연산자가 null 또는 undefined인 경우 undefined를 반환합니다.
• 그렇지 않으면 우항의 프로퍼티 참조를 이어갑니다.
• 사용 방법 : 좌항?.우항

 

 

1️⃣ 좌항의 피연산자가 null 또는 undefined인 경우

const name = null;
const length = name?.length;

console.log(length);	// undefined

: 좌항인 name이 null이기 때문에 undefined를 반환합니다.

 

 

2️⃣ 좌항의 피연산자가 null 또는 undefined가 아닌 경우

let name = 'dori';
let length = name?.length;

console.log(length);	// 4

: 좌항인 name이 null이나 undefined가 아니기 때문에 우항의 프로퍼티를 참조하여 name.length인 4가 출력됩니다.

---

🚨 좌항 피연산자가 false로 평가되는 Falsy값이라도 null 또는 undefined가 아니면 우항의 프로퍼티 참조를 이어갑니다.

  - Falsy값 : false, undefined, null, 0, -0, NaN, ' '

let name = '';
let length = name?.length;

console.log(length);	// 0