내일배움캠프 TIL(230207): 이커머스 프로젝트 7일차 - 옵셔널 체이닝

어드민 페이지에서 주문 건에 대한 리스트를 조회하기 위해 ajax를 사용했다.

❌ 에러 발생

콘솔에 출력값을 찍어봤더니 TypeError: Cannot readd properties of undefined(reading 'productName') 에러가 발생했다.

productName이라는 변수가 없다는 것인데..
for 문을 돌리다가 값이 없는 배열이 있기 때문에 다음 값을 찾기 전에 에러가 발생한 것이다.

그럼 값이 없는 경우에도 반복을 계속 하고 싶다면 어떻게 해야 할까?

해결 방법: 옵셔널 체이닝 사용하기

undefined가 발생하는 값에 옵셔널 체이닝(?.)을 사용해주면 된다.
다만 옵셔널 체이닝은 필수값이 없어도 되는 경우에만 사용하는 게 좋다.