[JavaScript] 자바스크립트 다수의 파라미터(인수)를 가지는 함수 정의하기

2021. 5. 3. 18:25Program/JavaScript

013 _ 자바스크립트 다수의 파라미터(인수)를 가지는 함수 정의하기

[적용]

  • 임의의 파라미터를 가지는 함수를 정의하고 싶을 때

[내용]

정해지지 않은 파라미터의 개수를 가지는 함수는 '...'을 이용하여 '...파라미터'와 같은 방식으로 정의한다.

입력받은 파라미터는 인덱스를 이용하여 파라미터[0], 파라미터[1],의 방식으로 사용하며,

이와 같은 정의 방식을 '나머지 파라미터(Rest Parameter)'라고 한다.


[문법]

구문 의미
function 함수명(...파라미터) {} 파라미터의 개수가 미정인 함수를 정의
(...파라미터) => {} 파라미터의 개수가 미정인 함수를 정의
파라미터[인덱스] 인덱스를 지정해서 파라미터를 사용

[예시]

파라미터의 합계를 반환하는 함수 샘플을 통해 사용법을 확인해 보자.

calcSum()함수의 파라미터인 prices에는 인수의 데이터가 배열의 형태로 전달된다.

그러므로 2개의 인수가 전달되면 2개의 요소를 가지는 배열의 형태가 되고,

3개의 인수가 전달되면 3개의 요소를 가지게 되는 것이다.

다음의 예제는 파라미터의 합계를 반환하는 함수이다.

 

JavaScript

/**
* 파라미터의 함계를 반환하는 함수
* @param prices
* returns {number}
*/

function calcSum(...prices) {
    let result = 0;
    for (const value of prices) {
        result += value;
    }
    return result;
}

const result1 = calcSum(10, 20);
console.log(result1);  // 결과: 30

const result2 = calcSum(5, 10, 15);
console.log(result2);  // 결과: 30example

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김