Spread, rest, 구조분해할당

Spread

주로 배열, 객체를 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을떄 사용합니다.

• 배열 합치기
• 배열 복사

Rest

개수가 정해지지 않은 배열을 매개 변수로 받아서 사용할수 있습니다.

구조분해할당(Destructing)

Spread 문법을 이용하여 값을 해체한 후, 개별 값을 변수에 새로 할당하여 사용하는 문법

• 배열의 요소들을 분리하여 변수에 할당

var a, b;

[a, b] = [1, 2];
console.log(a); // 1
console.log(b); // 2

var [a, ...b] = [1, 2, 3];
console.log(a); // 1
console.log(b); // [2, 3]

• 변수에 기본값 할당

var a, b;

[a=5, b=7] = [1];
console.log(a); // 1
console.log(b); // 7

• 객체에서 원하는 데이터 추출하여 변수에 할당

var o = {p: 42, q: true};
var {p, q} = o;

console.log(p); // 42
console.log(q); // true

var o = {p: 42, q: true};
var {p: foo, q: bar} = o;

console.log(foo); // 42
console.log(bar); // true

var metadata = {
    title: "Scratchpad",
    translations: [
       {
        locale: "de",
        localization_tags: [ ],
        last_edit: "2014-04-14T08:43:37",
        url: "/de/docs/Tools/Scratchpad",
        title: "JavaScript-Umgebung"
       }
    ],
    url: "/en-US/docs/Tools/Scratchpad"
};

var { title: englishTitle, translations: [{ title: localeTitle }] } = metadata;

console.log(englishTitle); // "Scratchpad"
console.log(localeTitle);  // "JavaScript-Umgebung"