JavaScriptのreduce()メソッドで渡された複数の配列から最大値を取得して返す方法

JavaScriptで渡された複数の配列からそれぞれの最大値を取り出したい場合は、reduce()メソッドとMath.max()関数を組み合わせると簡単に実現できます。以下に具体的なコード例を示します。

const getBiggestNumberFromArraysPassed = allArrays => allArrays.reduce(
  (result, currentArray) => {
    result.push(Math.max(...currentArray));
    return result;
  },
  []
);
console.log(getBiggestNumberFromArraysPassed([[45,78,3,1],[50,34,90,89],[32,10,90,99]]));

プログラムの実行方法

上記のプログラムを実行するには、Node.jsがインストールされた環境で、次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo94.js として保存しています。

実行結果

上記のコードを実行すると、次のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo94.js
[ 78, 90, 99 ]

コードの解説

• Math.max(...currentArray)：スプレッド構文（...）でサブ配列を展開し、その中から最大値を求めます。
• reduce()：初期値として空の配列 [] を渡し、各サブ配列の最大値を順番に追加（push）していきます。
• 最終的に、元のネストされた配列と同じ要素数の「最大値だけをまとめた新しい配列」が生成されます。

このようにreduce()は合計の計算だけでなく、配列のデータを別の形式に変換しながら組み立てる処理にも非常に便利なメソッドです。ネストされた配列から特定の値だけを抽出したい場合などに、ぜひ活用してみてください。