Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript에서 나머지 매개변수 및 스프레드 연산자 사용?

<시간/>

나머지 매개변수

rest 매개변수를 사용하면 여러 인수를 배열로 나타낼 수 있습니다. ES6은 개발자의 작업을 용이하게 하기 위해 rest 매개변수를 가져왔습니다. 인수 객체의 경우 나머지 매개변수는 세 개의 점으로 표시되고 ... 매개변수 앞에 옵니다.

rest 매개변수를 정의하기 위해 다음 코드 스니펫을 봅시다 -

<html>
   <body>
      <script>
         function addition(…numbers) {
            var res = 0;
            numbers.forEach(function (number) {
               res += number;
            });
            return res;
         }
         document.write(addition(3));
         document.write(addition(9,10,11,12,13));
      </script>
   </body>
</html>

확산 연산자

확산 연산자를 사용하면 배열을 단일 인수로 분할할 수 있습니다. 이러한 인수는 별도의 인수로 기능하는 인수입니다.

구문

구문은 다음과 같습니다 -

function myfunction(...iterableObj);

다음은 인수가 있는 스프레드 구문을 보여주는 예입니다.

function multiply(x, y) {
   return x*y;
}
var myArgs = [50, 100]; console.log(multiply(…myArgs));

예시

다음은 다른 예입니다.

라이브 데모

<html>
   <body>
      <script>
         var a, b, c, d, e, f, g;
         a = [10,20];
         b = "rank";
         c = [30, "points"];
         d = "run"

         // concat method.
         e = a.concat(b, c, d);

         // spread operator
         f = [...a, b, ...c, d];
         document.write(e);
         document.write("<br>"+f);
      </script>
   </body>
</html>