[JS] Spread 연산자

객체를 다루는 다른방법 스프레드 연산자.

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

const chocochipCookie = {
	base : 'cookie',
  	madeIn: "korea",
  	toping: "chocochip"
}


const blueberryCookie = {
	base : 'cookie',
  	madeIn: "korea",
  	toping: "blueberry"
}

const strawberryCookie = {
	base : 'cookie',
  	madeIn: "korea",
  	toping: "strawberry"
}

오잉 쿠키베이스랑, 원산지가 계속 겹침
어케 해결함??

✏️스프레드 연산자!!: 펼치는 연산자

객체의 값을 새로운 객체에 펼쳐주는 역할을 하는 그런 연산자.

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

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


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

const strawberryCookie = {
	...cookie,
  	toping: "strawberry" 
  //{base : 'cookie', madeIn:"korea", toping: "strawberry"}
}

중복요소를 펼칠 수 있따.

• 배열도 사용가능하다.

const noTopingCookies = ['촉촉한쿠키','안촉촉한 쿠키'];
const topingCookies = ['바나나쿠키', '블루베리 쿠키', '딸기쿠키', '초코칩쿠키'];

//두개 합치기
const allCookies = [...noTopingCookie, "함정쿠키", ...topingCookies];