ES6. rest parameter, spread operator 차이

spread operator(펼침연산자)

const arr = [1, 2, 3, 4];

console.log(arr);	//[1,2,3,4]
console.log(...arr); //1,2,3,4
console.log([...arr]); // [1,2,3,4]

spread 연산자를 사용하면 배열이 아니라 개별 요소로 결과값이 나온다.

[...spread operator]의 형태로 쓴다면 결과는 배열이 된다.

 

 

rest parameter(나머지 매개변수)

function restParam(param1, param2, ...rest) {
	console.log(param1); //1
	console.log(param2); //2
	console.log(rest); //[3,4,5,"rest!";]
}
restParam(1, 2, 3, 4, 5, 'rest!');

파라미터에 ...를 사용하면 함수에 전달된 인수를 배열로 묶어서 나타낼 수 있게 한다.

함수의 매개변수 개수가 함수 객체의 length에 영향을 주지 않는다.

 

 

 

---

2021/01/04 - [웹/JavaScript] - ES6 배열. spread operator 펼침연산자 ...arr, Array.from

ES6 배열. spread operator 펼침연산자 ...arr, Array.from