JavaScript reduceを使った配列要素を処理し結果を返す方法

JavaScriptの配列要素を処理し結果を返すreduceメソッドを使った方法を解説します。

配列の要素を処理し結果を返すにはどうしたらいいですか?

配列の要素を処理し結果を返すには、reduceメソッドを使うのが便利です。

目次

reduceメソッドの使い方

reduceメソッドは、配列の要素を一つずつ処理し、結果を返すためのメソッドです。

配列.reduce(function(結果値, 要素値 , インデックス値 , もとの配列){ …処理…}, 初期値)

各要素に対して、第一引数の関数を実行し、その結果を第二引数の値に累積していきます。最終的に、累積した結果を返します。

例えば、配列[1, 2, 3, 4, 5]をすべて足し合わせる場合、以下のようにreduceメソッドを使用します。

let array = [1, 2, 3, 4, 5];
let sum = array.reduce(function(a, b) {
  return a + b;
}, 0);
console.log(sum); // 15

 第一引数の関数では、前回の累積値と今回の値を足し合わせる処理をしています。第二引数の値は、最初の累積値です。

CHECK

reduceメソッドは、配列内の要素を左から右に演算していきますが、reduceRightメソッドを利用することで、右から左方向に演算することも可能です。これにより、配列の内容を反転した状態からの処理も可能になり、より豊富な処理が可能になります。

リスキリングでキャリアアップしてみませんか?

リスキリング(学び直し)は、経済産業省が推奨しており、

今だけ、最大70%のキャッシュバックを受けることができます。

リスキリング 給付金が出るスクール紹介

最大70%の給付金が出るおすすめのプログラミングスクール!

国策で予算が決められているため申し込みが多い場合は早期に終了する可能性があります!

興味のある方はすぐに確認しましょう。

この記事のまとめ

配列要素を処理し結果を返すreduceメソッドを使った方法について解説しました。

  • reduceメソッドは配列の要素を一つずつ処理し、結果を返すためのメソッドです。
  • 各要素に対して、第一引数の関数を実行し、その結果を第二引数の値に累積していきます。
  • 最終的に、累積した結果を返します。

 配列の要素を処理し結果を返す方法について、reduceメソッドを使った例を紹介しました。reduceメソッドを使用することで、簡単に配列の要素を処理し結果を返すことができます。

reduceメソッドは累積処理をする際に便利そうです。

reduceメソッドは汎用的なメソッドであり、配列だけでなく、様々なタイプのオブジェクトに対しても使用できるため、プログラミング上の幅が広がります。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次