`프론트엔드 개발자` 개형이의 벽돌집

자바스크립트 객체 조건부로 프로퍼티 추가하기 본문

자바스크립트

자바스크립트 객체 조건부로 프로퍼티 추가하기

개형이 2022. 12. 2. 10:35

 

 

🧐 API 호출 파라미터로 객체를 보내야 하는데…

const params = {
	x: 'x',
	y: 'y' // 얘는 특정 조건이 만족했을 때만 포함이 되면 좋겠다.
}
api(params)

⇒ 특정 프로퍼티는 조건을 만족할 때만 추가가 되었으면 좋겠다.

 

 

 

🧐 조건이 안맞는다면 undefined를 보내도록 결심하는데…

const params = {
	x: 'x',
	y: condition ? 'y' : undefined
}
api(params) // condition is false -> params: {x: 'x', y: undefined}

⇒ 이렇게 보내면 처리가 될 줄 알았지만 api에서 원하는 데이터를 출력하지 못했다.

 

 

 

🧐 조건이 성립되면 undefined로 보내지 않고 아예 프로퍼티 자체를 안넣는 문법을 찾아본 결과…

const params = {
	x: 'x',
	...(condition && { y: 'y'})
}
api(params) // condition is false -> params: {x: 'x'}

⇒ 위와 같은 표현을 사용해 y 프로퍼티가 조건부로 객체에 들어가게 하는 것을 성공했다!

 

 

 

🤠 오늘의 짧은 포스팅 끝!

 

 

Comments