JavaScript で 2つの日付を比較する方法
- JavaScript で比較演算子を使って 2つの日付を比較する
-
JavaScript の
getTime()メソッドで 2つの日付を比較する -
JavaScript の
valueOf()メソッドで 2つの日付を比較する -
JavaScript の
Number()関数で 2つの日付を比較する -
JavaScript のプラス単項演算子
+で 2つの日付を比較する
JavaScript には日付の比較システムが組み込まれているので、比較がとても簡単にできます。
このチュートリアルでは、JavaScript で 2つの日付を比較する方法の異なる方法を紹介します。各方法にはコードの例がありますので、ご自身のマシンで実行することができます。
JavaScript で比較演算子を使って 2つの日付を比較する
JavaScript では、<、<=、>、>= などの比較演算子を使って、2つの日付を直接比較することができます。
var date1 = new Date('2020-10-23');
var date2 = new Date('2020-10-22');
console.log(date1 > date2);
console.log(date1 >= date2);
console.log(date1 < date2);
console.log(date1 <= date2);
出力：
true
true
false
false
Date オブジェクトを JavaScript で直接比較することはできません。なぜなら、JavaScript の 2つの異なるオブジェクトは、厳密なレベルでも抽象的なレベルでも決して等しくないからです。以下の例を参照してください。let date1 = new Date();
let date2 = new Date(date1);
console.log(date1 == date2);
console.log(date1 === date2);
console.log(date1 != date2);
console.log(date1 !== date2);
出力：
false
false
true
true
以下のメソッドを使って、2つの日付の等号性を確認することができます。
JavaScript の getTime() メソッドで 2つの日付を比較する
getTime() メソッドを用いて 2つの日付をそれぞれの時刻に対応する数値に変換し、直接比較することができます。
let date1 = new Date(2019, 08, 07, 11, 45, 55);
let date2 = new Date(2019, 08, 03, 11, 45, 55);
if (date1.getTime() < date2.getTime())
document.write('date1 is lesser than date2');
else if (date1.getTime() > date2.getTime())
document.write('date1 is greater than date2');
else
document.write('both are equal');
出力：
date1 is lesser than date2
getTime() メソッドは JavaScript で 2つの日付が等しいかどうかを調べることができます。
let date1 = new Date();
let date2 = new Date(date1);
if (date1.getTime() == date2.getTime()) document.write('Two dates are equal.');
if (date1.getTime() === date2.getTime()) document.write('Two dates are equal.');
出力されているのは、getTime() メソッドです。
Two dates are equal.Two dates are equal.
JavaScript の valueOf() メソッドで 2つの日付を比較する
オブジェクトの Date の valueOf() メソッドは getTime() メソッドと似たような働きをします。これは Date オブジェクトを数値に変換します。
let date1 = new Date(2019, 08, 07, 11, 45, 55);
let date2 = new Date(2019, 08, 07, 11, 45, 55);
if (date1.valueOf() < date2.valueOf())
document.write('date1 is lesser than date2');
else if (date1.valueOf() > date2.valueOf())
document.write('date1 is greater than date2');
else if (date1.valueOf() === date2.valueOf())
document.write('both are equal');
console.log(date1.valueOf() === date2.valueOf())
getTime() と valueOf() はどちらも 1970 年 1 月 1 日午前 0 時 00 分(UTC)からのミリ秒数を返します。
JavaScript の Number() 関数で 2つの日付を比較する
関数 Number() は Date オブジェクトを Java でオブジェクトの値を表す数値に変換します。オブジェクトを正規の数値に変換できなかった場合、NaN を返します。
let date1 = new Date(2019, 08, 07, 11, 45, 55);
let date2 = new Date(2019, 08, 07, 11, 45, 55);
console.log(Number(date1) === Number(date2))
console.log(Number(date1) == Number(date2))
console.log(Number(date1) < Number(date2))
console.log(Number(date1) > Number(date2))
JavaScript のプラス単項演算子 + で 2つの日付を比較する
単項演算子は、1つの引数を取り、この引数またはオペランドに対して演算を行います。JavaScript には多くの単項演算子があります。ここでは、引数を数値に変換しようとする単項演算子プラス + 演算子を利用します。
let date1 = new Date(2019, 08, 07, 11, 45, 55);
let date2 = new Date(2019, 08, 07, 11, 45, 55);
console.log(+date1 === +date2)
console.log(+date1 == +date2)
console.log(+date1 < +date2)
console.log(+date1 > +date2)
関数 Number も単項演算子 + も、裏では valueOf() メソッドを呼び出しています。