Js-spread 연산자

const cookie = {
  base: "cookie",
  madeIn: "korea"
};
const chocochipCookie = {
  base: "cookie",
  madeIn:"korea",
  toping: "chocochip"
};
const blueberryCookie = {
  base: "cookie",
  madeIn:"korea",
  toping: "blueberry"
};

다음과 같이 base: cookie가 반복되는 코드가 있다고 하자.
이를 아래와 같이 수정할 수 있다.

const cookie = {
  base: "cookie",
  madeIn: "korea"
};
const chocochipCookie = {
  ...cookie,
  toping: "chocochip"
};
const blueberryCookie = {
  ...cookie,
  toping: "blueberry"
};

cookie를 spread로 펼치고 그 외의 것을 추가한다는 것이다.

spread는 배열에도 적용 가능하다.

const noTopingCookies = ["촉촉한 쿠키", "안촉촉한 쿠키"];
const topingCookies = ["바나나쿠키", "블루베리쿠키"];

const allCookies = [...noTopingCookies, "함정쿠키", ...topingCookies];
console.log(allCookies);

두 배열을 합치면서 내가 원하는 요소를 추가하여 하나의 배열을 만들 수 있다.