es6문법 비구조화 할당

var array = [1, 2, 3]

var a = array[0];

var b = array[2];

var [c,   ,   , d] =  [1, 2, 1, 3]

console.log(c)  // 1

console.log(d)  // 3

es5에서는 배열의 인덱스를 지정해서 대입을 해야 값을 넣을 수 있지만

비구조화 할당을 이용하면 아래와 같이 사용해서 대입이 가능하다 

var obj = {

h : 'eich',

i : {

j : 'jay'

}

};

var { h, i : { j } , k } = obj

console.log( h , j , k)  // 'eich', 'jay', undefined

obj의 키값을 찾아서 키값 변수에 밸류 값을 할당 해준다

당연히 키값의 이름이 다르거나 없으면 undefined가 할당 된다.

var destruct = ( { value : x } ) => {

console.log( x );

}

var obj = { value : 3 }

destruct(obj) // 3

함수의 변수에 객체의 값을 넣고 싶을 때도 사용이 가능 하다.

[a, b, ...rest] = [10, 20, 30, 40, 50];

console.log(rest);

// expected output: [30, 40, 50]

배열에서 ...을 사용하면 시작점 부터 끝까지의 값들이 ...뒤에 입력한 이름으로 배열이 할당된다

객체도 가능