인프런 커뮤니티 질문&답변

전의환전의환님의 프로필 이미지
전의환전의환

작성한 질문수

Javascript ES6+ 제대로 알아보기 - 초급

객체의 해체할당

안녕하세요 객체 할당에서 질문 드립니다.

작성

·

143

0

const loginInfo = {

device : {

createdAt: '2017-12-06T00:14:04+0000',

deviceId: '0000000004Vx',

deviceType: 'desktop'

},

user: {

createdAt : '2017-03-08T18:00:28+0000',

email : 'power4ce@gmail.com',

name: '정재남',

nickname : 'gomugom',

phoneNumber: '010-9185-9155'

}

}

const a = {

device,

user: {

name,

nickname,

phoneNumber : phone

}

} = loginInfo

위에 const a 의 user안에 phone이라는 변수가 오른쪽에 있어야하는 이유가뭔가요?

원래 object에서

const a = {

a : 1,

b : 2

}

이런식으로 했던거 같은데 갑자기 오른쪽에 넣으니 헷갈리네용...ㅎ

갑자기 저렇게하는 이유가 있을까요?

답변 2

0

아 다시돌려보고 이해했습니다. ㅎㅎ 감사합니다.

0

정재남님의 프로필 이미지
정재남
지식공유자

그 부분이 객체 해체할당의 핵심 중 하나입니다.

const a = { ... } 가 아니고,

const { ... } = loginInfo; 입니다.

오른쪽에 변수가 나타난 것과 관련한 내용은 해당 영상의 0:35부분부터 나옵니다.

영상을 다시 보시고 여전히 이해가 안되시면 다시 질문 주세요 :)

전의환전의환님의 프로필 이미지
전의환전의환

작성한 질문수

질문하기