[JavaScript] 나머지 매개변수 - 함수 인수 유동적으로 받기

매개변수의 모든 합을 구하는 함수를 구현한다고 치자.

 

아래와 같은 함수는 매개변수를 고정적으로 두개밖에 받지 못한다.

const sum = (a + b) => {
  return a + b;
};

console.log(sum(1,2)); // result: 3

 

고정적으로 받지 않고 유동적으로 매개변수의 모든 값을 더하는 방법은 '나머지 매개변수'를 사용하면 된다.

const sum = (...numbers) => {
  return numbers.reduce((pre, cur) => pre + cur, 0);
};

console.log(sum(1, 2, 3, 4)); // result: 10

 

인자를 spread를 사용하면 고정적인 인수를 받는 것이 아닌 유동적으로 받는 것이 가능해진다.

예시로 sum(덧셈) 함수를 구현하기 위해 reduce를 활용하여 간단하게 구현하였다.

 

나머지 매개변수를 이용하여 '확장성'있는 함수를 구현하도록 하자.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters

나머지 매개변수 - JavaScript | MDN