Javascript ES6 스프레드 연산자

스프레드 문법(Spread syntax) ... 은

하나로 뭉쳐져 있는 여러 값들의 집합을 펼쳐서(전개하여, 분산하여) 개별적인 값들의 목록으로 만든다.

 

스프레드 문법을 사용할 수 있는 대상은

Array, String, Map, Set, Dom컬렉션(Node List, HTMLCollection), arguments처럼

for ...of 문으로 순회할 수 있는 이터러블에 한정

 

console.log(...[1,2,3]);

// 1 2 3

이터러블인 배열을 펼쳐서 1 2 3 을 출력한다.

이때 1 2 3 은 값이 아니라 값의 목록이다.

 

스프레드 문법의 결과는 값이 아니다. 

따라서, 스프레드 문법의 결과는 변수에 할당 할 수 없다.

 

공부해야 할 것

여기서 ...info가 this.리스트에 들어가지 않았던 이유는

내가 스프레드 문법의 결과를 변수에 할당하려고 했기 때문이다.

나는 스프레드 문법이 그냥 배열을 복사한다고만 이해하고 쓰고 있었기 때문에 저렇게 쓴 것 같다.

 

testList에 {...info}가 들어간 이유는 심부름 다녀와서 이어서 쓴다.

 

 

 

 

참고한 서적 

모던 자바스크립트 Deep Dive