스프레드 연산자와 나머지 연산자

둘 다 '...'을 사용해 비슷하게 생겼다.

 

- 스프레드 연산자: 배열이나 객체를 펼쳐서 전개함

객체를 복사하거나 새로운 배열 및 객체 생성 시 유용하게 사용됨

const arr1 = [1, 2, 3]; //얘네
const arr2 = [4, 5, 6]; //둘을...

const mergedArr = [...arr1, ...arr2]; //개별로 분리한 후 하나의 배열로 합치기~!

console.log(mergedArr);
// 출력: [1, 2, 3, 4, 5, 6]

 

 

- 나머지 연산자: 나머지 값들을 모아서 배열로 만듦

함수에 파라미터에서 사용되며 함수에 전달된 인자들 중에서 명시된 파라미터로 할당하지 않은

나머지 인자들을 배열 형태로 받아옴

function foo(a, b, ...rest) { //a 따로 빼고, b 따로 빼고, 나머지는 rest로 모으기~!
  console.log(`a = ${a}`);
  console.log(`b = ${b}`);
  console.log(`rest = ${rest}`);
}

foo(1, 2, 3, 4, 5);
// 출력:
// a = 1
// b = 2
// rest = [3, 4, 5]