[Javascript] Spread 연산자

두 개 이상의 배열을 하나의 배열로 병합하거나 객체를 병합할 때 사용한다. 

예시는 아래와 같다.

 

mergedHobbies를 보면 배열을 선언하는데 앞에 ... 점 3개가 붙어있다.

이게 뭐지? 처음보는 문법이다.

nestedHobbies처럼 배열 선언 시, 다른 배열을 나열하면 배열안에 배열이 생겨버린다.

오른쪽 사진의 중간을 보면 Array(2), Array(1)이라고 되어있다.

Array안에 Array 2개가 있는 구조가 된다.

하지만 ...(spread 연산자)를 사용하면 하나의 배열에 원소가 나열된다 !!

 

객체도 마찬가지이다.