spread연산자

Spread(...) 연산자란 ?

• 배열, 문자열, 객체 등 반복가능한 객체 를 개별요소로 분리할수있다.
• 기존 배열이나 객체의 전체 또는 일부를 다른 배열이나 객체로 빠르게 복사할 수 있다.

객체에서 spread 연산자 사용

 const cookie = {
  base: "cookie",
  madeIn: "ko"
};
const chocochipCookie = {
  base: "cookie",
  madeIn: "ko",
  toping: "choco"
};
const blueBerryCookie = {
  ...cookie,
  toping: "blueBerry"
};
const strawBerryCookie = {
  ...cookie,
  toping: "strawBerry"
};
console.log(strawBerryCookie)
//결과값 : {base: "cookie", madeIn: "ko", toping: "strawBerry"}

배열에서 spread 연산자 사용

const notopingCookie = ['촉촉한쿠키', '안촉촉한 쿠키'];
const topingCookie = ['바나나쿠키', '딸기쿠키', '에이스쿠키'];
const allCookie = [...notopingCookie, ...topingCookie];

결과값 : (5) ["촉촉한쿠키", "안촉촉한 쿠키", "바나나쿠키", "딸기쿠키", "에이스쿠키"]