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

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

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

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

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

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

リスキリングで給付金が出るスクールを７つ紹介 ≫

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

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

この記事のまとめ

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

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

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

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