TIL 5/22 JS ES6 / 구조분해할당

JS의 기본문법들과 ES6 문법들도 학습했다.

 

ES6 신문법 중 구조분해할당에서 의아한 부분이 있었다.

 

let user = {name: "kim", age: 20}

let {name: newName, age: newAge} = user

 

 

이렇게 구조분해할당으로 새로운 변수에 기존 객체속의 데이터를 할당할 수 있다.

 

newName이란 변수엔 기존 객체의 name인 'lim"이 할당되고 newAge란 변수엔 기존 객체의 age인 20이 할당된다.

 

의아했던건 선언의 문법적인 구조였다. 

 

let user = {name : "kim", age : 20}

let {newName : name, newAge : age} = user

 

이렇게 새로운 변수명을 적고 기존 객체의 데이터명을 적는게 더 자연스럽다고 생각했고 많이 헷갈렸다.

 

문법적인 요소기 때문에 문법 그대로 받아들여야했다.