Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでのRESTパラメーターとスプレッド演算子の使用？

レストパラメータ

restパラメーターを使用すると、いくつかの引数を配列として表すことができます。 ES6は、開発者の作業を容易にするためにRESTパラメーターをもたらしました。引数オブジェクトの場合、RESTパラメーターは3つのドットで示され、パラメーターの前にあります。

残りのパラメータを定義する次のコードスニペットを見てみましょう-

<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>
スプレッド演算子

Spread演算子を使用すると、配列を単一の引数に分割できます。これらの引数は、個別の引数としての機能である引数です。

構文 構文は次のとおりです-

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>

  1. JavaScriptの配列のスプレッド演算子

    Spread（…）構文を使用すると、0個以上の引数が期待される場所でiterablelike配列を展開できます。これにより、関数に配列としていくつかのパラメーターを渡すことができます。 以下は、JavaScriptで配列のスプレッド演算子を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width

  2. 関数呼び出しJavaScriptのSpread演算子

    Spread構文を使用すると、関数呼び出しで配列または反復可能オブジェクトを0個以上の引数に展開できます。 以下は、JavaScriptの関数呼び出しでのspread演算子のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /