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
- 리액트
- 프론트엔드
- type
- DAILY
- DFS
- Study
- 타입
- 아키텍처
- error
- 자바스크립트
- javascript
- next.js
- Primitive
- 타입스크립트
- Component
- nextjs
- jest
- Solid
- test
- typescript
- 다이나믹프로그래밍
- Docker
- 알고리즘
- Unit Test
- react
- BFS
- docker-compose
- SVG
- svgr
- 백준
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