[ ES6 ] 스프레드 연산자spread / ...연산자

자바스크립트 스프레드 연산자를 접하고 사용한지 별로 안되었고 , 사실 굳이 왜사용해야하는지 잘 몰랐습니다. 가장 중요한 이유는 ES6를 사용하지만 너무 이해하기 어렵고, 꼭필요한 함수는 아니라고 생각했기 때문입니다. 사실, 아직도 100퍼센트 활용하진 못하고, "이렇게 사용하면 편하니까" 라는 생각 가지고 쓰고있습니다. 

스프레드 연산자를 다른 연산자와 비교하면서 풀어나가 보도록 하겠습니다. 

1. Array사용시 스프레드 연산자

- 배열 결합. concat사용

배열을 결합하는 방법은 위에있는 것 말고 많은 예제가 있습니다. 여기를 참조하세요.

-  ES6 배열 결합.

상단 ES6와 일반 배열을 비교하면서 설명하겠습니다. ...b와 같이 배열 결합할때 concat을 사용하여 합칠 수도 있지만 조금더 명확하게 배열을 합칠수 있습니다. push와 unshift도 쉽게 활용 할 수 있습니다.

또한 예제 3번처럼 배열중간에 배열을 더할때도 간단하게 ...d를 추가하여 활용 할 수 있습니다. 물론 , 예제 4번처럼 slice를 활용하여 배열 중간에 배열을 추가 할 수도 있습니다. 만약이해가 가지 않더라도 예제를 보면서 활용해보시면 좋을 것 같습니다.

-배열 복사 

배열 복사도 쉽게 할 수 있습니다.

2. object 객체 사용시 스프레드 연산자

-object결합

object의 결합도 쉽게 스프레드 연산자를 활용하면 처리 할 수 있습니다.

3. argument를 활용한 스프레드 연산자