본문 바로가기
Frontend/React

[ 리액트(React) ] 객체 내의 객체(이중객체)를 구조분해할당 하기

by YWTechIT 2021. 5. 29.
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;
}

이전에 배웠던 구조분해할당보다 난이도가 있어 보이지만 구조를 들여다보면 금방 이해가 된다.

반응형

댓글