728x90
📍 객체 내의 객체를 구조 분해 할당(Double Destructuring Assignment) 하기
만약, A
학생의 성적표와 기타 점수를 갖고있는 객체(Object)가 있다고 가정해보자. 그리고 alert
함수에서 DEFAULT_SCORE
를 인자로 받고, 이때 subjects
의 객체만을 구조분해할당을 하고 싶다면 다음과 같이 선언할 수 있다.
// @ param { Object }
const DEFAULT_SCORE = {
subjects : {
korean : 80,
math : 85,
english: 80
},
etc : {
attitude: 90,
volunteer: 95
},
}
const alert = ( DEFAULT_SCORE ) => {
const { subjects: {korean, math, english} } = DEFAULT_SCORE;
}
이전에 배웠던 구조분해할당보다 난이도가 있어 보이지만 구조를 들여다보면 금방 이해가 된다.
반응형
'Frontend > React' 카테고리의 다른 글
[ 리액트(React) ] Key:Value형태인 Object에 map 함수 사용하기 (2) | 2021.06.08 |
---|---|
[ 리액트(React) ] 구조분해할당 시 변수 이름 변경하기 (0) | 2021.06.01 |
[ 리액트(React) ] 구조분해할당(Destructuring Assignment)으로 가독성 높이기 (0) | 2021.05.25 |
[ 리액트(React) ] 함수로 전달해주는 인자가 3개 이상일 때, 객체로 묶어서 전달하기 (0) | 2021.05.16 |
[ 리액트(React) ] props, onClick, handleClick 자세하게 이해하기 (0) | 2021.05.15 |
댓글