Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- DFS
- test
- Unit Test
- svgr
- BFS
- 타입
- Study
- Docker
- javascript
- 자바스크립트
- 백준
- Solid
- Component
- SVG
- docker-compose
- 리액트
- error
- 프론트엔드
- type
- nextjs
- DAILY
- 타입스크립트
- next.js
- react
- 다이나믹프로그래밍
- Primitive
- 알고리즘
- jest
- 아키텍처
- typescript
Archives
- Today
- Total
`프론트엔드 개발자` 개형이의 벽돌집
자바스크립트 객체 조건부로 프로퍼티 추가하기 본문
🧐 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 프로퍼티가 조건부로 객체에 들어가게 하는 것을 성공했다!
🤠 오늘의 짧은 포스팅 끝!
'자바스크립트' 카테고리의 다른 글
[간단] export default로 export된 모듈 as로 별칭 붙이기 (0) | 2024.01.18 |
---|---|
Intersection Observer란? Element를 비동기적으로 관찰하는 방법 알아보기 (0) | 2022.08.03 |
자바스크립트 async, await 사용법. 어떻게 쓸까? (0) | 2022.02.13 |
자바스크립트로 특정 영역 프린트 (인쇄) 기능 구현하기 feat. 리액트 (0) | 2021.11.01 |
Comments