JavaScript(Destructuring)

■ Destructuring

Array Destructuring

 

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

Destructuring은 객체나 배열에서 데이터를 분해하여 변수에 할당하는 문법입니다.

array 안에 있는 데이터를 변수에 담고 싶을 때, 위와 같이 할당하는 것이 가능합니다.

 

// 디폴트값 부여
var [a,b,c = 5] = [2,3];

console.log(a); // 2
console.log(c); // 5

var [a, b, ...rest] = [1,2,3,4];

console.log(a); // 1
console.log(b); // 2
console.log(rest); // [3, 4]

디폴트 값을 주는 것도 가능하며 나머지 연산자를 사용하여 목록으로 할당하는 것도 가능합니다.

 

 

Object Destructuring

 

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

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

Object 자료형에서도 위와같이 Destructuring이 가능합니다.

 

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

var obj = { name, age }
// var obj = { name : name, age : age } 와 같음

변수를 object에 넣을 수도 있습니다.