inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

객체의 해체할당

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

166

흑염소

작성한 질문수 1

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

}

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

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

javascript es6

답변 2

0

흑염소

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

0

정재남

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

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

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

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

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

프로토타입 체이닝에 대해서

0

378

1

react 사용할 때 destructuring assignment라고 하는거 진짜 많이 사용 했는데 신기합니다.

0

521

1

2023-10-30일 기준 Object Rest/Spread Properties 적용 됬나봐요. 짱신기

0

337

1

제가 이해한 부분이 혹시 맞는지 알 수 있을까요?

0

311

2

블록스코프 내에서 펑션을 선언해서 사용하는경우가 있나요?(실무)

0

348

1

클래스에서 화살표함수?

0

1221

2

default parameter TDZ

0

279

1

강의 자료

1

306

2

전개 연산자 얕은 복사 질문

0

277

1

궁금한게 있는데요 ..

0

307

2

궁금한게 잇는데요 여기서 this는 array값을 출력해주나요?

0

359

1

template literal 강의에서의 reduce 메소드

0

312

2

다운로드 받은파일

0

286

1

const 이럴때도 사용하나요?

0

386

1

순서정렬

0

235

1

함수선언문 말고 arrow function

0

262

1

this바인딩 질문

1

266

1

에로우함수 new.target

0

208

2

함수표현식질문

0

224

1

rest parameter장점

0

312

1

if(exps[i])

0

194

1

좋은강의 감사합니다 이거는 호이스팅이 실행안되는거 같은데

0

307

3

해체하여 적용하려는 대상은 해체하는 대상의 타입에 매칭해야하나요?

0

175

1

강의노트 없습니다.

0

234

1