[JS] ES6 - 구조 분해 문법

구조 분해 문법

객체와 배열의 구조를 분해 하여 표현하는 방식입니다.

var obj = {
  a: 1,
  b: 2,
  c: 3
}
var a = obj.a; // 1
var b = obj.b; // 2
var c = obj.c; // 3

위처럼 객체의 프로퍼티 값을 가져오려면 위처럼 해야했습니다.

var obj = {
   a: 1,
   b: 2,
   c: 3
}
// 구조 분해 문법
var { a, b, c } = obj;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

이처럼 구조 분해 문법을 사용하면 코드가 훨씬 간결해집니다.