Javascript-array-reduce

提供:Dev Guides
移動先:案内検索

JavaScript配列reduce()メソッド

説明

Javascript配列* reduce()*メソッドは、配列の2つの値(左から右へ)に対して関数を同時に適用し、単一の値に減らします。

構文

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

array.reduce(callback[, initialValue]);

パラメータの詳細

  • callback -配列内の各値で実行する関数。
  • initialValue -コールバックの最初の呼び出しへの最初の引数として使用するオブジェクト。

戻り値

配列の縮小された単一値を返します。

互換性

このメソッドは、ECMA-262標準のJavaScript拡張機能です。そのため、標準の他の実装には存在しない場合があります。 動作させるには、スクリプトの先頭に次のコードを追加する必要があります。

if (!Array.prototype.reduce) {
   Array.prototype.reduce = function(fun/*, initial*/) {
      var len = this.length;

      if (typeof fun != "function")
      throw new TypeError();

     //no value to return if no initial value and an empty array
      if (len == 0 && arguments.length == 1)
      throw new TypeError();

      var i = 0;
      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 >= len)
            throw new TypeError();
         }
         while (true);
      }
      for (; i < len; i++) {
         if (i in this)
         rv = fun.call(null, rv, this[i], i, this);
      }
      return rv;
   };
}

次の例を試してください。

<html>
   <head>
      <title>JavaScript Array reduce Method</title>
   </head>

   <body>
      <script type = "text/javascript">
         if (!Array.prototype.reduce) {
            Array.prototype.reduce = function(fun/*, initial*/) {
               var len = this.length;

               if (typeof fun != "function")
               throw new TypeError();

              //no value to return if no initial value and an empty array
               if (len == 0 && arguments.length == 1)
               throw new TypeError();

               var i = 0;
               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 >= len)
                     throw new TypeError();
                  }
                  while (true);
               }
               for (; i < len; i++) {
                  if (i in this)
                  rv = fun.call(null, rv, this[i], i, this);
               }
               return rv;
            };
         }
         var total = [0, 1, 2, 3].reduce(function(a, b){ return a + b; });
         document.write("total is : " + total );
      </script>
   </body>
</html>

出力

total is : 6