[JS] 함수에서 매개변수와 리턴값 및 나머지 매개변수

함수에 들어오는 값을 매개변수라고 하고

 

함수를 통해 수행된 작업 후 출력된 값을 리턴 값이라고 공부하였습니다.

 

그럼 여기에 들어오는 매개변수는 무엇이 있는지, 어떤 리턴값을 받는지와

 

모든 함수에 매개변수가 필요한지 등등 알아보겠습니다.

 

 

매개변수를 가지고 리턴값을 갖는 함수

---

 

MDN 공식 문서

함수 - JavaScript | MDN

 

const 함수 = (매개변수, 매개변수) => {
  문장
  return 리턴값
}

---

간단 문제 1: 제곱근 구하기

 

const squareRoot = (x) => {
    return x * x;
}

console.log(squareRoot(4));

 

책에서도 말하지만, 실제로 활용하려고 하면

 

어떻게 작성해야할 지 막막할 수 있습니다.

 

그래서 함수에 익숙해 지도록 작성을 권장합니다.

---

 

간단문제 2: a 부터 b 까지 모든 숫자 더하기

 

const addingNumber = (a,b) => {
	let sum = 0;
	for(let i=a; i<=b; i++){
    	sum = sum + a;
    }
    return sum;
}

console.log(addingNumber(1, 10));

---

간단문제 3: 윤년을 확인하는 함수 만들기

 

- 윤년의 특징 조건:

4로 나누어 떨어지는 해

동시에 100으로 나누어 떨어지는 해는 윤년이 아님

하지만 400으로 나누면 떨어지는 해는 윤년입니다.

 

const isLeapYear = (x) => { 
	return (x % 4 === 0) && (x % 100 !==0) || (x % 400 === 0);
}

isLeapYear (2000)

// True or False 값으로 받습니다.

조건을 하나씩 생각하면서 나열하면,

 

원하는 값을 얻을 수 있습니다.

 

나머지 매개변수

---

 

호출 시 매개변수의 개수가 고정적이지 않을 때, 가변 매개변수 함수라고 합니다.

 

이러한 함수를 구현시 나머지 매개변수라는 rest parameter 문법을 사용하는데 사용법은 아래와 같습니다.

 

const 함수이름 = (...나머지 매개변수) = { }

마침표 3개를 의미하는 ... 를 입력하면, 매개변수들이 배열로 들어옵니다.

 

const restParameter = (...rest) => {
	console.log(rest)
}

restParameter (1,2,3,4);   //  [1,2,3,4]
restParameter (1,2);       // [1,2]

 

나머지 매개변수와 일반 매개변수 조합

---

나머지 매개변수와 일반매개변수의 조합 사용법은 아래와 같습니다.

const 매개변수조합 = (매개변수, 매개변수, ...나머지 매개변수) = { }

사용 예시 및 결과

const sample = (a,b,c, ...d) => {
    console.log(a,b,c,d);
}

sample(1,2,4,5,6,9);

// 결과 값 1 2 4 Array(3)

나머지 매개변수는 항상 마지막에 두고

 

남은 것은 배열 혈태로 들어가는 것을 확인 할 수 있습니다.

 

 

출처: MDN Web Doc, 혼자공부하는 자바스크립트