35장 스프레드 문법

해당 포스팅은 위키북스의 모던 자바스크립트 Deep Dive라는 책을 독학하며 기록하는 글입니다.

스프레드 문법

ES6에서 도입된 스프레드 문법(전개 문법)은 ...을 통해 뭉쳐 있는 어려 값들의 집합을 필쳐서 개별적인 값들의 목록으로 만든다.

Array, String, Map, Set, DOM 컬렉션과 같이 for...of 문으로 순회할 수 있는 이터러블에 사용이 한정된다.

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

console.log(...'Hello'); // H e l l o

활용

Math.max() 메서드의 경우 인수로 들어온 모든 수들 중 가장 큰 값을 반환한다. 이때 어느 배열의 요소중에 최대값을 찾고 싶을 때 스프레드 문법을 사용하면 편리하다.

// 아래 두 식은 같다.
Math.max(1, 2, 3); // 3
Math.max(...[1, 2, 3]); // 3

스프레드 문법을 앞서 공부한 Rest 파라미터와 혼동하는 경우가 있는데 이 둘은 반대의 개념으로 생각하는게 편리하다.

Rest 파라미터의 경우 넘치게 들어오는 파라미터들을 모아서 하나의 배열로 전달받지만 스프레드 문법의 경우 배열의 요소들을 펼쳐서 값들의 목록으로 반환한다.