하나로 뭉쳐있는 여러 값들의 집합을 펼져 개별적 값의 목록으로 만든다.

• 사용가능 대상
  • Array
  • String
  • Map
  • Set
  • Dom 컬렉션 (유사배열)

위와같이 for of 로 순회할 수 있는 이터러블에 한정된다.

…[] : 개별 요소로 분리

…문자열 : 동일

Map Set도 동일

일반 객체는 스프레드 문법이 될 수 없음

스프레드 문법의 결과는 값이 아니며 값의 목록을 사용하는 문맥에서만 사용할 수 있다.

• 함수 호출문의 인수목록

  • max 메서드를 배열을 받지 못하므로 스프레드 문법으로 받을 수 있다.

• 배열 리터럴의 요소목록 (concat대신이나 splice의 인수)

  • 배열 리터럴과 스프레드를 이용해 배여를 합칠 수 있다.
  • 배열복사 : es5에서 slice

  es6에서는 스프레드 문법을 이용할수 있다

  둘다 얇은 복사이다.

  • 이터러블을 배열로 변환할수 있다.
  • 단 이터러블이 아닌 유사배열객체는 스프레드 문법의 대상이 될 수 없다.
  • 위를 해결하기위해 Array.from(유사배열)을 사용해 배열로 변환할 수 있다.

• 객체 리터럴의 프로퍼티 목록

  • 스프레드 문법의 대상은 이터러블이다
  • 그러나 스프레드 프로퍼티 제안은 인반 객체를 대상 허용한다ㅏ.
  • 이전엔 Object.assing메서드를 이용 여러 객체를 병함하거나 특정 프로퍼티를 변경 또는 추가했다.
    • 뒤에 위치한 객체가 프로퍼티 중복시 우선권을 가진다.
  • {…객체, …객체} 하면 두 객체가 병합된다.
  • 즉 더 간편하게 Object.assign 을 이용할 수 있다.