[JavaScript] Rest 매개변수와 Spread 매개변수의 차이

Rest 파라미터 (...)

여러 개의 값을 " 하나의 배열" 로 모을 때 사용,
함수 매개변수에서만 사용할 수 있다.

Rest 파라미터는 함수 인자 선언 앞에 ... 을 붙여서 정의하는 문법이고, 배열로 넣어집니다!!

function restData(...rest) {
	console.log(rest); // [1, 2, 3, 4, 5]
}

restData(1,2,3,4,5);

 

이런식으로, `...rest` 가 파라미터 자리에 있으니까 들어온 값들을 전부 하나의 배열로 묶어줌

 

---

Spread 문법 (...)

배열이나 객체의 요소를 "펼칠 때" 사용
함수 호출, 배열 리터럴, 객체 리터럴 등에 사용 가능 ( 함수, 배열, 객체 )

let spreadArray = [ 1, 2, 3 ];
console.log(...spreadArray); // 1 2 3

`...spreadArray` 는 배열을 낱개로 풀어준다,

 

 

즉 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

 

Rest 는 여러 인자를 하나의 배열로 묶고 싶을 때 보통 사용하고,

 

Spread는 배열/객체를 각각의 개별 요소로 분리해서 사용하고 싶을 때 사용한다.