[JavaScript] rest 파라미터 알아보기

안녕하세요! 이번 글에서는 유용하게 사용되는 rest 파라미터에 대해 알아보도록 하겠습니다

rest파라미터란?

함수의 매개변수의 맨 뒤에 ...rest 이러한 형태로 사용되고 파라미터의 나머지 값들을 모두 배열형태로 출력해줍니다. 주의 사항으로는 무조건 맨 뒤에 선언되어야합니다. 또한 ...다음에 나오는 글자는 원하시는 글자로 변경이 가능합니다 ...을 쓰는 형태로 spread 또한 있는데, 함수의 매개변수에서 ...이 들어가면 무조건 rest파라미터로 아시면 되겠습니다.

코드 살펴보기

	//a 변수위치에 12가 들어가고 rest 파라미터로 나머지 값을 출력합니다.
  function restFun(a, ...rest) {
  			//[3,4,5,6]
        console.log(rest);
      }

      restFun(12, 3, 4, 5, 6);

만약에 restFun(a, ...rest) 로 안쓰고 restFun(...rest) 이렇게 사용한다면 어떻게 될까요?
지정한 파라미터값이 없기때문에 모든 파라미터가 나머지 겂으로 [12,3,4,5,6] 이 나오게됩니다.

반복문으로도 값들을 출력 할 수 있습니다.

      function restFun(...rest) {
        for (let i = 0; i < rest.length; i++) {
          console.log(rest[i]);
          //12
          //3
          //4
          //5
          //6
        }
      }

      restFun(12, 3, 4, 5, 6);

이런식으로 반복문으로 이용도 가능합니다.

감사합니다

참고자료

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