JavaScriptで配列の最小値と最大値を返す関数の作成方法

問題

配列を受け取り、新しい配列を返すJavaScript関数を作成する必要があります。戻り値となる配列の最初の要素には入力配列の最小値を、2番目の要素には最大値を格納します。

コード例

以下のコードでは、Array.prototype.reduce()メソッドを使用して、配列を一度だけ走査しながら最小値と最大値を同時に求めています。

const arr = [56, 34, 23, 687, 2, 56, 567];
const findMinMax = (arr = []) => {
    const creds = arr.reduce((acc, val) => {
    let [smallest, greatest] = acc;
        if(val > greatest){
            greatest = val;
        };
        if(val < smallest){
            smallest = val;
        };
        return [smallest, greatest];
    }, [Infinity, -Infinity]);
    return creds;
};
console.log(findMinMax(arr));

出力結果

[2, 687]

コードの解説

この関数の動作は以下の流れになっています。

• reduce()の初期値として [Infinity, -Infinity] を設定することで、配列内のどんな数値と比較しても必ず条件が成立するようにしています。
• 各要素(val)について、現在の最大値より大きければ最大値を更新し、現在の最小値より小さければ最小値を更新します。
• すべての要素の走査が完了した時点で、[最小値, 最大値] という形式の配列が返されます。

より簡潔な書き方

Math.min() と Math.max() をスプレッド構文と組み合わせれば、同じ処理を1行で記述することもできます。

const arr = [56, 34, 23, 687, 2, 56, 567];
const findMinMax = (arr = []) => [Math.min(...arr), Math.max(...arr)];
console.log(findMinMax(arr)); // [2, 687]

要素数が非常に多い配列の場合、スプレッド構文では引数の上限に達する可能性があるため、そのようなケースではreduce()を使った方法が安全です。