JavaScript / Rest Parameter, Spread Operator

 

Rest Parameter

 

Rest Parameter는 함수를 선언할 때, 여러 개의 Parameter 중에 남은(rest) Parameter들은 '배열'의 형태로 지정하는 것을 말한다. parameter의 이름 앞에 '...' 을 써주면 된다.

 

function egg1(spam, ...rest){
  return rest
}
 
egg1(1, 2, 3, 4, 5);  // 결과 : [2, 3, 4, 5]
 
function egg2(spam, mayo, joa, ...rest){
  return rest
}
 
egg2(1, 2, 3, 4, 5);  // 결과 : [4, 5]

 

Rest Parameter의 사용 예) 전달인자(arguments)의 길이가 유동적인 경우

 

function getMax(...nums) {
  console.log(nums);
}
 
getMax(1, 2, 3, 4, 10, 50, 20);  // 결과: 50
getMax(1, 3); // 결과: 3

 

---

Spread 연산자(Operator)

 

Spread 연산자는 Rest Parameter와 반대로, 함수를 호출할 때 입력하는 argument를 개별로 불러오고 싶을때 사용한다. 꼭 함수를 호출할 때뿐만 아니라 배열의 각 요소를 하나씩 펼쳐주는 기능도 한다!

 

let ingredient = ['bread', 'chocolate']
let food = [ ...ingredient, 'cheese', ...['milk', 'powder']]
 
console.log(food) // 결과 : ['bread', 'chocolate', 'cheese', 'milk', 'powder']