配列の 2 つの値に関数を左から右に同時に適用するにはどうすればよいですか?

王林
リリース: 2023-08-29 14:37:09
転載
711 人が閲覧しました

配列の 2 つの値に関数を左から右に同時に適用するにはどうすればよいですか?

JavaScript のreduce() メソッドを使用して、配列の 2 つの値に左から右に関数を同時に適用し、それらを 1 つの値に減らします。

以下はパラメータです。 -

  • Callback- 配列内の値ごとに実行される関数。
  • initialValue - 最初のコールバック呼び出しの最初のパラメータとして使用されるオブジェクト。

JavaScript でのreduce() メソッドの使用方法を学習するには、次のコードを実行してみてください。 -

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

   <body>
      <script>
         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>
ログイン後にコピー

以上が配列の 2 つの値に関数を左から右に同時に適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート