[Javascript] Spread 연산자

• 배열과 객체를 한줄로 펼치는 방법

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

const chocochipCookie = {

	base : "cookie",
	madeIn : "korea",
	toping : "chochchip:"
};

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

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

//위와 같이 base와 madeIn은 겹치는 것을 알 수 있음

-------------------------------------------

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

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

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

const strawberryCookie = {
	
	...cokie,
	toping : "strawberry"
}

console.log(chocochipCookie);
//cookie , korea, chocochip
//다음과 같이 스프레드 연산자를 사용하면
//편리하게 사용할 수 있음

• 배열에서의 사용

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

const allCookies = [...noTopingCookies, ...topingCookies];
console.log(allCookies);

// noTopingCookies와 topingCookies의 합친 것을 볼 수 있음