관리 메뉴

Dev Blog

35. 스프레드 문법 본문

Tech Books/Javascript_Modern JS Deep dive

35. 스프레드 문법

Nomad Kim 2023. 2. 23. 06:17

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

스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM 컬렉션(NodeList, HTMLCollection), arguments와 같이 for...of 문으로 순회할 수 있는 이터러블에 한정된다.


35.1 함수 호출문의 인수 목록에서 사용하는 경우

스프레드 문법은 앞에서 살펴본 Rest 파라미터와 형태가 동일하여 혼동할 수 있으므로 주의할 필요가 있다.

스프레드 문법은 여러 개의 값이 하나로 뭉쳐 있는 배열과 같은 이터러블을 펼쳐서 개별적인 값들의 목록을 만드는 것이다.

Rest 파라미터는 함수에 전달된 인수들의 목록을 배열로 전달받기 위해 매개변수 이름 앞에 ...을 붙이는 것이다.

따라서 Rest 파라미터와 스프레드 문법은 서로 반대의 개념이다.



-알라딘 eBook <모던 자바스크립트 Deep Dive> (이웅모 지음) 중에서

'Tech Books > Javascript_Modern JS Deep dive' 카테고리의 다른 글

37. Set과 Map  (0) 2023.02.23
36. 디스트럭처링 할당  (0) 2023.02.23
34. 이터러블  (0) 2023.02.23
33. 7번째 데이터 타입 Symbol  (0) 2023.02.23
32. String  (0) 2023.02.23
Comments