[TIL] 오늘의 자바스크립트 - Spread Operator

Spread Operator

1.개요

마침표 세 개(...)를 연달아 찍으면 spread operator라는 문법이 된다.
spread operator는 각 상황에 맞는 괄호 안에서만 쓰일 수 있다.

2. 활용

1. Array
   Array에 spread operator를 사용하려면 ...array와 같이 사용하면 된다.
   사용하면 array 내부의 모든 요소를 꺼내는 것과 같다.(unpack)
   배열을 합치거나 복사(deep copy)할 때 [...배열1, ...배열2]와 같이 활용할 수 있다.
2. 문자열
   문자열에도 동일하게 ...문자열과 같이 사용한다.
   이렇게 하면 단어의 모든 문자가 하나씩 분리된다.(split)
3. Object
   Object 또한 Array와 같이 내용물을 모두 합치거나 복사할 수 있다.
   Object에서는 spread operator를 사용해서 복사할 때 key의 중복이 발생할 수 있다.
   이러한 경우 앞에서부터 채우기 때문에 마지막에 할당된 값으로 할당된다.
4. 함수 파라미터를 넣을 때도 사용할 수 있다.
   인덱스를 직접 지정하거나 apply(undefined, Object)를 이용하던 것을 깔끔하게 사용할 수 있다.