본문 바로가기

Study Output for Myself/Javascript

[JS]Optional Chaining(?.)

 const getItemQuantity = (id:number) =>{
    return cartItems.find(item => item.id === id)?.quantity || 0
  }

Object 가 여러개로 nested 되어 있을 수 있고 원하는 데이타가 없을 수도 있어서 에러를 내는 대신에 '?.'을 써서 Object에 그 key가 존재하지 않으면 undefined를 반환한다.

 

cartItems에서 id가 일치하는 object를 찾고 그 object안에 quantity라는 key가 있는 지 확인, 있다면 그 값을 return, 없다면 0을 return