Optional Chaining ?.

자바스크립트 신문법을 복기하던 중 자주 접하지 못한 Optional chaning ?.에 대해 기록해보고자 한다.

<script>
  let dog = {
    name: "laphoo",
    age: {approx: "5~6", wish: "1"},
  };

console.log(dog?.name)
</script>

dog?.name dog이 비어있으면(null, undefined)이면 name을 출력하지 않고 undefined를 넘겨준다.
쉽게 말하면, 유효한 항목이 없을 경우를 대비해서 "dog에 name이 있니? 있으면 내놓고, 없으면 에러말고 undefined 뱉으렴"이다.
있어보이게 말하면, 중첩된 object자료(object안의 object안의...(반복))에서 자료를 뽑을 때 Reference Error 없이 안전히 값을 뽑아 낼 수 있다.

참고로 중첩되지 않은 단일 object에서는 굳이 ?.을 사용하지 않아도
유효한 항목이 없다면 하던대로 .찍어도 알아서 undefined를 뱉어낸다.

👉참고: 코딩애플 유튜브