JavaScriptで3つ以上の数値の中から最大値を求める方法

はじめに

本記事では、3つ以上の数値を受け取り、その中から最も大きい数値を返すJavaScript関数の作成方法について解説します。

例えば、以下のような数値が入力された場合を考えてみましょう。

4, 6, 7, 2, 3

この場合、期待される出力結果は次のとおりです。

7

実装例：スプレッド構文を使った方法

スプレッド構文（...）を使用すると、引数の個数を気にせず、任意の数の要素に対応できる柔軟な関数を作成できます。それでは、実際のコードを見てみましょう。

// スプレッド構文で任意の個数の要素に対応
const findGreatest = (...nums) => {
   let max = -Infinity;
   for(let i = 0; i < nums.length; i++){
      if(nums[i] > max){
         max = nums[i];
      };
   };
   return max;
};
console.log(findGreatest(5, 6, 3, 5, 7, 5));

出力結果

コンソールには以下のように表示されます。

7

コードの解説

このコードのポイントは以下の3点です。

• スプレッド構文（...nums）：呼び出し時に渡されたすべての引数を1つの配列として受け取ります。これにより、引数が3つでも10個でも同じ関数で処理できます。
• 初期値「-Infinity」：比較の基準値として負の無限大を設定することで、どのような数値が渡されても正しく大小比較が行えます。
• forループによる比較：各要素を順番に現在の最大値と照らし合わせ、より大きい値が見つかるたびに変数maxを更新していきます。

別の書き方：Math.max()を使う方法

さらに簡潔に書きたい場合は、JavaScriptに標準で用意されているMath.max()メソッドをスプレッド構文と組み合わせる方法もおすすめです。

const findGreatest = (...nums) => Math.max(...nums);
console.log(findGreatest(4, 6, 7, 2, 3)); // 7

このように1行で済むため、単純な最大値取得であればこちらの方が読みやすく保守性も高いでしょう。用途に応じて使い分けてみてください。