[ JavaScript ES 6 ] Destructuring

1. Destructuring

    ES6에서 Array로부터 변수 만들기 좀 더 쉬워짐 

var [a,b,c] = [2,3,4];

2. Destructuring 하면서 몇개 빼먹을 경우를 대비해 default 값 지정 가능

var [a,b,c = 10] = [2,3];

3. Object 데이터의 Destructuring
    변수명을 key명과 똑같이 써주어야 함

var { name, age } = { name : 'Kim', age : 30 };

// 변수명 변경 가능하고 default 값 지정도 가능
var { name : myName, age = 31 } = { name : 'Kim' };

4. Destructuring을 역으로 이용하는 방법이 많이 쓰임

var name = 'Kim';
var age = 30;

var obj = { name : name, age : age };

// 변수명과 Object의 키값이 같으면 축약 가능
var obj = { name, age};

5. 함수에도 Destructuring 사용 가능

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

func({ name : 'Kim', age : 30 });


function func2( [name, age] ){
	console.log(name);
	console.log(age);
}

func2( [1,2] );