Rest & Spread Operator

🧱Rest Operator (나머지 매개변수)

1. 함수의 마지막 인자들을 숫자의 제한없이 배열로 받아 처리한다.

function foo(a, b, ...c) {
  console.log(c); // ['c', 'd', 'e', 'f']
  console.log(Array.isArray(c)); // true
}


foo("a", "b", "c", "d", "e", "f");

2. 마지막 인자들만 사용할 수 있다. 처음 인자들을 설정할 수는 없다.

function foo (...a, b) {
  console.log(a);
}

foo(1,2,3);// Uncaught SyntaxError: Rest parameter must be last formal parameter

‌

⚙Spread Operator (전개 연산자)

Spread Syntax는 배열이나 유사배열 형태의 자료를 펼친다.
함수를 실행할때 넘겨주는 인자나 배열을 만들고 요소를 지정해줄때 사용할 수 있다.

1. 배열을 합칠 수 있다.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const total = [...arr1, ...arr2];

console.log(total); // [1,2,3,4,5,6]

2. 덧셈에도 활용할 수 있다.

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

const arr = [1, 2, 3];

foo(...arr); // 6