구조분해[Destructuring]은 객체 또는 배열에서 여러 키를 동시에 추출하고 로컬 변수에 값을 할당하는 편리한 방법입니다.

[ 구조분해 ]

1
2
3
4
5
const arr = ['one!', 'two!', 'three!', 'four!']
const [one, two, ...rest] = arr

const obj = {a: 'x', b: 'y', c: 'z'}
const {a, b, c} = obj

[ 바벨로 컴파일된 코드 ]

1
2
3
4
5
6
7
8
9
10
var arr = ['one!', 'two!', 'three!', 'four!'];
var one = arr[0],
    two = arr[1],
    rest = arr.slice(2);


var obj = { a: 'x', b: 'y', c: 'z' };
var a = obj.a,
    b = obj.b,
    c = obj.c;