펼침 연산자의 이점은 단순히 배열에만 국한되지 않습니다. 이 책의 곳곳에서 펼침 연산자를 반복해서 보게 될 것입니다. 맵 컬렉션에도 펼침 연산자를 사용합니다. 이에 대해서는 TIP 14 맵과 펼침 연산자로 키-값 데이터를 순회하라에서 다룹니다. 함수에서는 펼침 연산자의 다른 형태인 나머지 매개변수를 사용할 수 있습니다. TIP 31 나머지 매개변수로 여러 개의 인수를 변수로 전달하라에서 자세히 살펴보겠습니다. 또한, 펼침 연산자는 제너레이터(generator)를 이용하는 데이터 구조나 클래스 속성에도 사용할 수 있는데, 이에 대해서는 TIP 41 제너레이터로 이터러블 속성을 생성하라에서 살펴봅니다.

이제 펼침 연산자에 대해 관심이 생겼지요? 우선 간단한 배열에 펼침 연산자를 사용해봅시다.

다음 배열을 보세요.

const cart = ['Naming and Necessity', 'Alice in Wonderland'];

이 배열을 펼침 연산자(...)를 이용해 목록으로 바꿉니다.

const cart = ['Naming and Necessity', 'Alice in Wonderland'];
...cart

REPL이나 브라우저 콘솔에서 위의 코드를 실행하면 오류가 발생합니다. 문법은 맞지만 펼침 연산자를 단독으로 사용할 수는 없습니다. 예를 들어 펼침 연산자의 결과를 변수에 할당할 수 없습니다. 정보를 어디든 펼쳐 넣어야 합니다.

const copyCart = [...cart];
// ['Naming and Necessity', 'Alice in Wonderland']