プログラミングにおいて、配列から最小値や最大値を取得するケースはよくあります。JavaScriptにはこのような操作を簡単に行うためのいくつかの方法があります。この記事では、JavaScriptで配列から最小値と最大値を効率的に取得する3つの主要な方法について詳しく解説します。
Math.min() と Math.max() を使う方法
JavaScriptの Math.min() と Math.max() メソッドは、数値の引数を取り、それぞれ最小値と最大値を返します。ただし、これらのメソッドは配列を直接受け付けないため、スプレッド演算子（…）を使って配列を展開する必要があります。
const arr = [1, 2, 3, 4, 5];
const min = Math.min(...arr);
const max = Math.max(...arr);
console.log(`最小値: ${min}, 最大値: ${max}`);
- メリット: コードが短く、読みやすい。
- デメリット: 大きな配列に対しては、スプレッド演算子がスタックオーバーフローを引き起こす可能性がある。
reduce() メソッドを使う方法
Array.prototype.reduce() メソッドを使うと、配列の各要素に対して繰り返し処理を行い、単一の値にまとめることができます。このメソッドを使って最小値と最大値を取得することも可能です。
const arr = [1, 2, 3, 4, 5];
const min = arr.reduce((acc, val) => Math.min(acc, val), Infinity);
const max = arr.reduce((acc, val) => Math.max(acc, val), -Infinity);
console.log(`最小値: ${min}, 最大値: ${max}`);
- メリット: 大きな配列に対しても安全に使用できる。
- デメリット: reduce() の動作が初心者には少し難解に感じられる場合がある。
通常のループを使う方法
最も基本的な方法ですが、forループやfor…ofループを使って最小値と最大値を手動で計算することもできます。
const arr = [1, 2, 3, 4, 5];
let min = Infinity;
let max = -Infinity;
for (let i = 0; i < arr.length; i++) {
if (arr[i] < min) {
min = arr[i];
}
if (arr[i] > max) {
max = arr[i];
}
}
console.log(`最小値: ${min}, 最大値: ${max}`);
- メリット: 基本的な方法であり、どのような動作をしているのか理解しやすい。
- デメリット: コードが少し長くなる可能性がある。
よくある質問（FAQ）
Q. JavaScriptで配列の最小値・最大値を取得するには？
A. Math.min(…array)とMath.max(…array)が最もシンプルです。大規模な配列ではスプレッド演算子の代わりにreduce()を使う方が安全です。
Q. オブジェクト配列から特定プロパティの最大値を取得するには？
A. reduce()を使います。例：array.reduce((max, item) => item.value > max.value ? item : max)。または先にmap()でプロパティを抽出してからMath.max()を使う方法もあります。
Q. NaNが混在する配列で最大値を取得するには？
A. filter(Number.isFinite)でNaNを除外してからMath.max()を使います。Math.max()はNaNを含む場合NaNを返すため、事前フィルタリングが重要です。
まとめ
JavaScriptで配列から最小値と最大値を取得する方法はいくつかありますが、それぞれにメリットとデメリットがあります。状況や要件に応じて最適な方法を選びましょう。この記事が、その選択の一助となれば幸いです。