[JavaScript] Spread 연산자

const cookie = {
  base: "cookie",
  madeIn: "korea"
};

const chocochipCookie = {
  ...cookie,
  toping: "chocochip"
};

const blueberryCookie = {
  ...cookie,
  toping: "blueberry"
};

const starwberryCookie = {
  ...cookie,
  toping: "strawberry"
};

console.log(chocochipCookie);   // {base: "cookie", madeIn: "korea", toping: "chocochip"}
console.log(blueberryCookie);   // {base: "cookie", madeIn: "korea", toping: "blueberry"}
console.log(starwberryCookie);  // {base: "cookie", madeIn: "korea", toping: "strawberry"}

처음 Spread 연산자 말을 보고 이게 뭐지 싶었는데 그냥 ... 임 ㅋㅋ;
해당객체를 펼친다해서 Spread라 하는데 개인적으로 복붙연산자라고 생각함

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

const allCookies = [...noTopingCookies, ...topingCookies];

console.log(allCookies); // ["촉촉한쿠키", "안촉촉한쿠키", "바나나쿠키", "블루베리쿠키"]

객체뿐 아니라 배열도 가능. Deep copy라 불럿던가?

블루베리를 조아하시나요?