MDN Spread:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

Spread 연산자, 전개구문 [EcmaScript 2018]

• 모든 Iterable은 Spread 가능하다

• 순회가 가능한 모든 것들은 촤르르르륵 펼칠 수 있다

  • func(...iterable)
  • [...iterable]
  • {...obj}

• spread 사용 전/후 비교

function add(a,b,c){
    return a+b+c;
}

const nums = [1,2,3];
//console.log(add(nums[0], nums[1], nums[2]));
console.log(add(...nums)); // spread 사용

• spread - Rest parameters

function sum(first, second, ...nums) {
    console.log(nums);
}
sum(1,2,0,1,2,4);

• spread - Array Concat

// Array Concat
const fruits1 = ['🍏','🥝'];
const fruits2 = ['🍓','🍌'];
let arr = fruits1.concat(fruits2);
console.log(arr);
arr = [...fruits1, '🍌', ...fruits2];
console.log(arr);

• spread - Object

let ellie = {name: 'Ellie', age:20};
const updated = {
    ...ellie, 
    job: 's/w engineer'
};

ellie = {
    ...ellie,
    home: { address: 'home'}
};

console.log(ellie); // 기존의 배열은 손상되지 않았음

console.log(updated); // 새로운 오브젝트로 만들었기 때문