javascript Destructuring

Array, Object자료형에 있는 중요 자료를 변수로 꺼낼때
여러 자료를 뽑아 변수로 만드려면 코드가 길어지게 된다.
그럴때 destructuring쓰면됨

Array안에 있는 데이터 변수에 넣기

var array = [2,3,4];
var a = array[0]; 
var b = array[1];

보통 이런식으로 꺼내쓰게 되는ㄴ데

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

이렇게 해도 됨
그럼 변수 a, b, c에 각각 들어간다.

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

이렇게하면 값이 안들어오는 c에는 5가 기본값으로 들어간다.

object안에있는 데이터 변수에 넣기

이거도 좌우를 똑같이 맞춰 받아주면 된다.

var {name : a, age : b } = {name:'kim', age: 30};

이렇게하면 a, b에 각각 kim, 30이 할당된다.

오브젝트안의 key이름과 똑같이 맞춰줄 때는 이렇게 써도됨

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

이렇게하면 name, age에 할당된다.

이거도 등호써서 디폴드값 가능하다.

변수를 object안에 넣을 때

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

var obj = { name, age }

이렇게하면 상당히 쉽게 들어간다.

함수 파라미터 변수를 만들 때도 똑같이 가능하다.

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

var obj = { name : 'Kim', age : 20 }
f(obj.name, obj.age);
f(obj);

두개 다 같은 의미이다.