옵셔널 체이닝 (?.)

const user = {
  name: "뽀로로",
  address: {
    city: "jeju"
  },
  number: {
    location: "seoul",
  },
  sayHello() {
    console.log("Hello world"); 
  }
};


console.log(user.number); 
console.log(user && user.number && user.number.location); // undefined
console.log(user?.number?.location); // undefined -> null이나 undefined가 아니면 뒷값으로 넘어감
console.log(user.sayHello?.()); //undefined -> sayHello의 반환값이 없기 때문에 undefined / return값이 있어야 반환값이 생성

'Codeit > JavaScript' 카테고리의 다른 글

함수와 Destructuring  (0) 2024.08.09
Destructuring (구조분해)  (0) 2024.08.09
모던한 프로퍼티 표기법  (0) 2024.08.09
Spread 구문  (0) 2024.08.09
조건을 다루는 표현식  (0) 2024.08.09
효땡