[JavaScript] spread 연산자

객체에 사용

 

객체를 여러개 생성할 때 프로퍼티가 겹치는 경우 유용하게 사용할 수 있는 기능이다.

 

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

새로운 객체에 ...객체명을 프로퍼티에 넣으면 해당 객체에 있는 프로퍼티가 자동으로 생성된다.

 

배열에 사용

const list1 = ["a","b"];
const list2 = ["c","d","e"];

const list3 = [...list1,"s",...list2];//["a","b","s","c","d","e"];

앞서 배열을 concat로 합치는 것을 했었는데, spread로 이와 같은 기능을 수행할 수 있다. 

새로운 배열에 ...배열명을 넣으면 해당 배열명에 있는 요소들이 새로운 배열에 저절로 들어온다.