JavaScriptで日付文字列の配列から最も古い日付と最新の日付を取得する方法

JavaScriptでは、ISO形式（YYYY-MM-DD HH:MM:SS）の日付文字列は、そのまま文字列比較をしても時系列順に正しく並びます。この特性を利用すると、配列の中から最も古い日付と最新の日付を簡単に見つけることができます。

元となるデータ

まず、次のような日付文字列の配列があるとします。

const arr = [
    "2017-01-22 00:21:17.0",
    "2017-01-27 11:30:23.0",
    "2017-01-24 15:53:21.0",
    "2017-01-27 11:34:18.0",
    "2017-01-26 16:55:48.0",
    "2017-01-22 11:57:12.0",
    "2017-01-27 11:35:43.0"
];

この配列を受け取り、中から最も古い日付と最新の日付をそれぞれ特定し、それら2つの日付を含むオブジェクトとして返す関数を作成する必要があります。

実装例

ここでは、reduce()メソッドを使って配列を1回走査するだけで最小値と最大値を同時に求めるアプローチを採用します。

const arr = [
    "2017-01-22 00:21:17.0",
    "2017-01-27 11:30:23.0",
    "2017-01-24 15:53:21.0",
    "2017-01-27 11:34:18.0",
    "2017-01-26 16:55:48.0",
    "2017-01-22 11:57:12.0",
    "2017-01-27 11:35:43.0"
];

const findMinMaxDate = (arr = []) => {
    const res = arr.reduce((acc, val, ind) => {
        // 最初の要素の場合は、minとmaxを同じ値で初期化
        if (!ind) {
            return { min: val, max: val };
        }
        if (val < acc.min) {
            acc.min = val;
        }
        if (val > acc.max) {
            acc.max = val;
        }
        return acc;
    }, undefined);
    return res;
};

console.log(findMinMaxDate(arr));

コードのポイント

・reduce()の第1引数のコールバック内で、インデックスが0のときだけminとmaxを初期化しています。
・以降の要素については、現在のminより小さければ更新し、現在のmaxより大きければそちらも更新します。
・この方法なら配列全体を一度ループするだけで済み、計算量はO(n)で効率的です。

実行結果

コンソールには次のように出力されます。

{ min: '2017-01-22 00:21:17.0', max: '2017-01-27 11:35:43.0' }

なお、日付文字列が「YYYY-MM-DD」から始まる標準的なフォーマットであるため、Dateオブジェクトに変換しなくても辞書順の文字列比較だけで正しい大小判定が可能です。もし独自フォーマットの日付を扱う場合は、事前にnew Date()などで変換してから比較するようにしてください。