[javascript] Destructing

Destructing 문법

Array, Object 자료형에 있는 중요한 자료들을 변수로 꺼내고 싶을 때, 변수를 쉽게 만들 수 있는 문법.

var [a,b,c] = [2,3,4];
//a=2, b=3, c=4 라는 변수 3개가 생성됨
var [a,b,c=5] = [2,3];
//1. default 값도 줄 수 있음 (c=5)
var {name :a, age:b} = {name : 'Kim', age : 30};
//a,b라는 변수가 생성되고 Kim과 30이라는 자료를 각각 할당해줌.혹은,
var {name,age} = {name : 'Kim', age: 30};
//이렇게 간단히 쓸 수도 있음
//2. 변수를 object 안에 할당하고 싶은 경우는,
var name='Kim';
var age = 30;
var obj = {name,age} 	//이렇게 쓸 수 있음.
//3. 함수 파라미터 변수 만들 때도 적용 가능
function func({name,age}){
	console.log(name);
    console.log(age);
}
 var obj = {name : 'kim', age : 30}
 func(obj)

즉, 데이터가 얼마나 복잡하든간에 좌우 형태를 똑같이 맞춰주면 destructing 문법으로 변수를 만들 수 있다.

let info = {
	body : {
    	height:165,
        weight:45
   	}
    ,size:["top L","bottom 30inch"],
};
//다음의 object 에서 height,weight,top,bottom 정보를 각각 뽑아서 4개의 변수를 만들고 싶다.
let{
	body:{
    	height,
        weight,
    }
    ,size:[top,bottom],
} = info;