[모던 자바스크립트 Deep Dive] 35장 : 스프레드 문법 - JS

스프레드 문법

ES6에서 도입된 스프레드 문법(전개 문법) ...은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서(전개) 개별적인 값들의 목록으로 만든다.

---

 

스프레드 문법을 사용할 수 있는 대상은 for ... of 문으로 순회할 수 있는 이터러블에 한정한다.

 

//개별 요소로 분리한다.
console.log(...[1,2,3]); // 1 2 3

//문자열은 이터러블이다.
console.log(... 'Hello'); // H e l l o

//Map Set은 이터러블이다.
console.log(... new Map([['a','1'], ['b','2']])); // ['a', '1'] ['b', '2']
console.log(... new Set([1,2,3])); // 1 2 3

 

스프레드 문법의 결과물은 값으로 사용할 수 없고, 쉼표로 구분한 값의 목록을 사용하는 문맥에서만 사용할 수 있다.

 

• 함수 호출문의 인수 목록
• 배열 리터럴의 요소 목록
• 객체 리터럴의 프로퍼티 목록

 

 

좋아요는 로그인하지 않아도 누를 수 있습니다!