[…~~~]전개 연산자(spread operator) : 객체의 배열을 복사

기본적인 사용법

// 배열 복사
const arr1 = [1, 2, 3];
const arr2 = [...arr1]; // [1, 2, 3]

// ※ 이때 배열이아닌 데이터도 배열로 전환할 수 있다.
const my_string = "hello";
const my_string_array = [...my_string] // ['h', 'e', 'l', 'l', 'o']

// 배열 합치기
const arr3 = [4, 5, 6];
const arr4 = [...arr1, ...arr3]; // [1, 2, 3, 4, 5, 6]

// 객체 복사
const obj1 = { name: 'John', age: 30 };
const obj2 = { ...obj1 }; // { name: 'John', age: 30 }

// 객체 합치기
const obj3 = { gender: 'male' };
const obj4 = { ...obj1, ...obj3 }; // { name: 'John', age: 30, gender: 'male' }

// 함수 인자로 배열 전달하기
function myFunc(a, b, c) {
  console.log(a, b, c);
}
const arr5 = [1, 2, 3];
myFunc(...arr5); // 1 2 3