object 구조 분해 할당중에 value값이 널일경우 에러가 나서 해결방법을 찾아봄
const {name, age} = human.info
//만약 info값이 null인경우 성립자체가 불가라서 에러
1. if문으로 감싸서 널이아닌경우만 처리
2. 구조분해끝에 || 초기값 object처리
??는 삼항연산자랑 비슷한느낌인데 널처리할때 유용하게 사용할 수있어보이지만
?? 과 object 구조분해할당은 같이 사용하는것이 힘든것같다.
e = {
title:null
}
//[방법1] ??=
e.title ??= '제목없음'
//[방법2] ??
e.title ?? '제목없음'
const name = e.title = null ?? '제목없음'https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
구조 분해 할당 - JavaScript | MDN
구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.
developer.mozilla.org
Nullish coalescing assignment (??=) - JavaScript | MDN
The nullish coalescing assignment (x ??= y) operator, also known as the logical nullish assignment operator, only assigns if x is nullish (null or undefined).
developer.mozilla.org
반응형
'Frontend > 모던자바스크립트' 카테고리의 다른 글
| 자바스크립트 클로져 예시 (0) | 2023.05.03 |
|---|---|
| Javascript BigNumber 에러 1e+22 해결 (0) | 2023.04.19 |
| While문 api 호출 리펙토링(setTimeout, setInterval) (0) | 2023.01.05 |
| parseInt()와 Number()의 차이 그리고.. (0) | 2023.01.02 |
| return false 활용 (0) | 2022.12.28 |
