어쩌다 알게 된 ƪ(•̃͡•̃͡ ƪ

[Js] 구조 분해 본문

자바스크립트/⚪️ Vanilla

[Js] 구조 분해

비니_ 2025. 4. 25. 20:13
728x90

반복되는 변수 값을 구조 분해하여 가독성을 높일 수 있음

if(test?.values?.extinctionToggle && !test.values.endAt){
    console.log('일자 지정');
    restManageModal.setFieldValue('endAt', moment().format('YYYY-MM-DD'));
}else if(test?.values?.extinctionToggle == false && test.values.endAt){
    console.log('소멸 정책');
    restManageModal.setFieldValue('endAt', '');
}

 

 

구조 분해 사용시

const { extinctionToggle, endAt } = test?.values || {};

if(extinctionToggle && !endAt){

}else if(extinctionToggle == false && endAt){

}

 

 

=>

|| {} 를 쓰는 이유

test?.values?.extinctionToggle 와 test?.values || {} 는 같은 말 => 옵셔널 체이닝 대신 || {}를 쓴것

 

 

728x90

'자바스크립트 > ⚪️ Vanilla' 카테고리의 다른 글

[FE] 서버 로고 src 받아오기  (0) 2026.01.07
[JS] response, response.data 비동기 함수 응답 처리, axio.get().then((response) => {});  (0) 2025.04.11
⚪️ [JS] JSON.stringify()  (0) 2025.03.25
⚪️ [JS] setInterval, setTimeout이랑 비슷한 Throttle, Debounce  (0) 2025.03.22
⚪️ [JS] 디버깅시 console 사용 꿀팁  (0) 2025.03.21
'자바스크립트/⚪️ Vanilla' Related Articles more
Comments