[JavaScript] Destructuring 문법

자바스크립트에서 array, object 안에 있는 데이터를 빼서 변수로 만들고 싶을 때 쓰는 문법이 있다. 

 

let person = { name : "abc", age : 13 }

let name = person.name;
let age = person.age;

그냥 객체명.속성 방식으로 데이터를 뺄 수 있지만, 간단하게 뺄 수 있도록 도와주는 것이 Desctructuring 문법이다. 

 

let person = { name : "abc", age: 13 }

let { name, age } = person;

간단하게 객체의 속성을 빼낼 수 있는 문법이다. 

 

가능하면 변수의 명칭을 객체의 속성명으로 작명하는 게 가독성이 좋지만, 반드시 같을 필요는 없으며, 

array destructuring 할 때는 변수 명칭을 마음대로 작명해도 된다. 

 

함수의 파라미터에서 사용

함수의 파라미터를 작명하는 것도 변수를 만드는 문법과 똑같아서 Destructuring 문법을 사용할 수 있다. 

let person = { name : "abc", age: 13 }

function consoleData({ name, age}){
    console.log(name, age);
}

consoleData(person);