[JavaScript] Spread 연산자의 개념과 사용방법

 

Spread 연산자

스프레드 연산자는 이터러블 오브젝트와 엘리먼트를 하나씩 분리하여 전개할 때 쓰이는 연산자이다.
전개한 결과를 변수에 할당하거나 호출하는 함수의 파라미터 값으로 사용할 수 있다.

 

함수 파라미터

매개변수로 값을 받을 때마다 각각 하나씩 출력되며, 보다 많은 매개변수를 넣으면 아래와 같이 undefined가 뜬다.

 

Rest파라미터

호출받는 함수 파라미터에 function(...rest)와 같이 spread 연산자로 파라미터를 작성한 형태를 rest 파라미터라고 한다.

ex1)

ex2)

ex3)

ex4)

 

Array-Like

Array는 아니지만, Array처럼 사용할 수 있는 Object를 Array-Like라고 한다.

순차적으로 작성되야하는데, 10과 zoo가 0, 1이 아니라 undefined가 뜨게 된 것이다.

 

따라서 위와 같이 순서대로 array를 설정해주면, 정상적으로 key value가 출력된다.