[JavaScript] spread 연산자와 Rest 매개변수

🥕 spread 연산자

객체의 값을 새로운 객체에 펼쳐주는 역할 !

const cookie = {
  base: "cookie",
  madeIn: "Korea"
}

const chococookie = {
  ...cookie
  toping: "choco"
}

console.log(chococookie)
/// {  base: "cookie", madeIn: "Korea", toping: "choco"}

배열에서도 사용가능 !

const cookie = ["딸기 쿠키", "초코 쿠키"]
const dessert = [...cookie, "젤리"]

console.log(dessert)
// ["딸기 쿠키", "초코 쿠키", "젤리"]

🥕 Rest 매개변수

함수의 매개변수로 들어오는 값들을 배열로 묶어주는 역할

let arr1 = [1, 2, 3];

function funcA(...arg) {
  console.log(arg);
}

funcA(...arr1);   // [1, 2, 3]

맨 처음 요소는 다른 변수에 넣고 싶다면

function funcA(one, ...arg) {
  console.log(arg);
}

funcA(...arr1);  // [2, 3]