Optional Chaining(옵셔널 체이닝)으로 안전하게 객체 접근하기 > 웹프로그램

오늘은 JavaScript에서 객체의 속성에 안전하게 접근할 수 있도록 도와주는 Optional Chaining(옵셔널 체이닝) 에 대해 소개합니다.

const user = {

  name: "철수",

  profile: {

    age: 25

  }

};

console.log(user.profile.address.city); // ❌ 오류 발생! Cannot read properties of undefined

address 가 존재하지 않는데 .city 에 접근하려고 해서 에러가 발생합니다.

해결 방법: 옵셔널 체이닝

 console.log(user.profile?.address?.city); // ✅ undefined 반환, 에러 없음!

어디에 쓰면 좋을까?

 API 응답 처리 시

깊은 객체 구조 탐색 시

데이터가 완전히 보장되지 않는 경우

주의사항

• 옵셔널 체이닝은 읽기 전용입니다. 값을 설정할 땐 사용할 수 없습니다.

• 너무 자주 남발하면 코드가 지나치게 느슨해질 수 있으니, 꼭 필요한 경우에만 사용하세요!