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

JavaScriptのreduceRight()メソッドで配列の要素に右から左へ関数を適用する方法

JavaScriptで配列の2つの値に対して右から左へ順に関数を適用し、最終的に1つの値に集約したい場合は、reduceRight()メソッドを使用します。このメソッドはreduce()と似ていますが、処理の方向が逆（右から左）である点が特徴です。

reduceRight()メソッドのパラメータ

  • callback − 配列の各要素に対して実行される関数です。引数として「累積値」「現在の要素」「現在のインデックス」「元の配列」を受け取ります。
  • initialValue − 最初のコールバック呼び出し時に最初の引数として使用される初期値です。省略した場合、配列の最後の要素が初期値として使われます。

サンプルコード

以下のコードを実行して、JavaScriptのreduceRight()メソッドの動作を確認してみましょう。ここでは古いブラウザ向けのポリフィルも含めています。

<html>
   <head>
      <title>JavaScript Array reduceRight Method</title>
   </head>
   <body>
      <script>
         if (!Array.prototype.reduceRight)
         {
            Array.prototype.reduceRight = function(fun /*, initial*/)
            {
               var len = this.length;
               if (typeof fun != "function")
               throw new TypeError();
               
               // no value to return if no initial value, empty array
               if (len == 0 && arguments.length == 1)
               throw new TypeError();
               var i = len - 1;
               if (arguments.length >= 2)
               {
                  var rv = arguments[1];
               } else {
                  do
                  {
                     if (i in this)
                     {
                        rv = this[i--];
                        break;
                     }
                     // if array contains no values, no initial value to return
                     if (--i < 0)
                     throw new TypeError();
                  }
                  while (true);
                  }
                  for (; i >= 0; i--)
                  {
                     if (i in this)
                     rv = fun.call(null, rv, this[i], i, this);
                  }
               return rv;
          };
         }
         var total = [0, 1, 2, 3].reduceRight(function(a, b) { return a + b; });
         document.write("total is : " + total );
      </script>
   </body>
</html>

実行結果

total is : 6

上記の例では、配列 [0, 1, 2, 3] の各要素が右から左へ順番に加算され、合計値「6」が出力されます。

reduce()との違い

reduce()は配列を左から右へ処理するのに対し、reduceRight()は右から左へ処理します。例えば関数の合成や、ネストされた配列の結合など、処理順序が結果に影響する場合にreduceRight()が役立ちます。

  1. C言語で配列の要素を逆順に出力する方法を解説

    C言語では、forループを逆方向（デクリメント）に回すことで、配列の要素を簡単に逆順で表示できます。本記事では、その基本的なアルゴリズムとサンプルプログラムをわかりやすく紹介します。処理の手順配列の要素を逆順に表示するためのアルゴリズムは以下の通りです。ステップ1： サイズ5の配列を宣言します。ステップ2： forループを使って、5つの要素をメモリ上の配列に入力します。ステップ3： 要素を逆順に表示します。逆順表示のポイント：デクリメントするforループ要素を逆順に表示するための核となるロジックは、カウンタ変数を減らしながら回すforループです。具体的には、添字を配列の末尾（4）から先頭（0）

  2. C#の2次元配列から要素にアクセスする方法を徹底解説

    2次元配列は、x個の行とy個の列を持つ「表（テーブル）」としてイメージすると理解しやすくなります。2次元配列の要素へアクセスするには、添字（インデックス）を使用します。具体的には、配列の行インデックスと列インデックスを指定します。int x = a[1,1]; Console.WriteLine(x);C#では、カンマで区切って a[行, 列] の形式で記述することにより、任意の位置にある要素を取得できます。上記の例では、1行1列の位置にある要素を変数 x に代入し、コンソールに出力しています。サンプルコード以下の例では、5行2列の2次元配列を作成し、入れ子になったforループですべての要素を