[js] 점 세개(...)/ spread operator / rest parameter

1. 배열을 합칠 때

let Group1 = ['a', 'b, 'c'];
let Group2 = ['d', 'e', 'f'];

let Group = [...Group1, ..Group2];

console.log(Group);
// ['a', 'b', 'c', 'd', 'e', 'f']

2. 배열을 분해할 때

let Group1 = ['a', 'b', 'c'];
let [first, ...remaining] = Group1;
console.log(first); // a
console.log(remaining); // (2) ["b", "c"]

3. 두 object를 합칠 때

 let Group1 = {
   A: 'a',
   B: 'b',
   C: 'c'
 };

 let  Group2 = 'd';

 let Group = {...Group1,Group2}

 console.log(Group);
//{A: 'a', B: 'b', C: 'c', Group2: 'd'}

4. 함수 인자를 배열로 쓸 때

function fn1(...this.props) {

  }

+) 추가 기능

---

References
Mozilla - Spread syntax (...)