JavaScriptの日付と時刻：初心者向けガイド

特にプログラミングでは、時計を逃れることはありません。私たちが日々を追跡するために時計や時計に依存しているのと同じように、プログラムも時間追跡ツールを使用して、何がいつ起こるべきかを知っています。

いくつかのアプリケーションは時間を追跡する必要があります。ブログアプリケーションは投稿がいつ作成されたかを覚えておく必要がありますが、カレンダーアプリケーションはスケジュールされたイベントを表示します。

このガイドでは、JavaScriptで日付と時刻を操作する方法について説明します。これらのツールの操作方法を説明するために、いくつかの例を紹介します。

JavaScriptの日付オブジェクトとは何ですか？

JavaScriptで時間を処理するには、Dateオブジェクトを使用します。これは、日付と時刻を格納する特別なオブジェクトです。さらに、Dateオブジェクトには、日付と時刻に関する特定の情報を取得するために使用できるさまざまなメソッドが付属しています。

日付オブジェクトは次のようになります。

new Date();

このチュートリアルでは、日付が大文字になっていることに気付くでしょう。これは、Dateが組み込みのJavaScriptオブジェクトであるためです。日付オブジェクトを操作するには、Dateという単語を大文字にする必要があります。

日付オブジェクトの使用方法

値がない場合、Dateオブジェクトは現在の日付と時刻を示します。これは、オペレーティングシステムの設定に基づいて、タイムゾーンを考慮して計算されます。

次のように、Dateオブジェクトを使用して現在の日付を取得できます。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

var currentDate = new Date();
console.log(currentDate);

このコードは、次の値を含むDateオブジェクトを返します。

Wed Jun 24 2020 10:49:46 GMT+0100 (British Summer Time)

ご覧のとおり、この記事は、タイムスタンプが示すように、2020年6月24日に英国で作成されました。 Dateオブジェクトの優れている点は、人間が読み取れる日付形式でデータを返すため、理解しやすいことです。

日付を使用したタイムスタンプの取得

上記のコードは私たち人間には読めますが、問題があります。JavaScriptの動作は異なります。 Unixタイムスタンプを使用して日付を解釈します。 Unixタイムスタンプは、1970年1月1日から経過した秒数をカウントします。これはUnix時間が始まったときです。

現在の時刻をタイムスタンプとして取得するには、getTime()を使用できます。 方法：

var currentDate = new Date();
console.log(currentDate.getTime());

私たちのコードは1592992393313を返します 、JavaScriptで解釈できる数値。

日付オブジェクトの作成

Dateオブジェクトのデフォルト値は、現在の日付と時刻です。これを変更して、特定のタイムスタンプまたは日時に基づいて日付を作成できます。

これを行うには、タイムスタンプ、日付文字列、または現在の日付と時刻に対応する一連の数値を指定します。

• 新しい日付（タイムスタンプ）
• 新しい日付（文字列）
• 新しい日付（年、月、日、時、分、秒、ミリ秒数）

2021年1月1日のタイムスタンプを作成するとします。次のコードを使用して作成できます：

var nextYear = new Date("January 1 2021 12:00");
console.log(nextYear);

コードが返されます：Fri Jan 01 2021 12:00:00 GMT + 0000（グリニッジ標準時）

次のコード行を使用してこのタイムスタンプを作成することもできます：

var nextYear = new Date(1609502400000);
console.log(nextYear);

var nextYear = new Date(2021, 1, 1, 0, 0, 0, 0);
console.log(nextYear);

コードは次のようになります：

Fri Jan 01 2021 12:00:00 GMT+0000 (Greenwich Mean Time)
Fri Jan 01 2021 12:00:00 GMT+0000 (Greenwich Mean Time)

これらのメソッドはすべて、同じDateオブジェクトを作成します。

日付の取得

Dateオブジェクトには、日付に関する特定の情報にアクセスするための一連の組み込みメソッドが付属しています。日付に関する情報を取得できるようにするメソッドは、getで始まります。 。参考までに、次のリストを参照してください。

• 年：getFullYear（）
• 月：getMonth（）（0から11の間、0は1月）
• 月の日：getDate（）（1〜31）
• 曜日：getDay（）（0から6の間、日曜日は0）
• 時間：getHours（）（0から23の間、真夜中は0）
• 分：getMinutes（）
• 2番目：getSeconds（）
• ミリ秒：getMilliseconds（）
• タイムスタンプ：getTime（）

今何時か知りたいとしましょう。このコードを使用してこれを行うことができます：

const currentDate = new Date();
console.log(currentDate.getHours());

私たちのコードは11を返します 。これは、現在1日11時間であることを示しています。

これらの関数は、その日の特定の情報を抽出するのに役立つため、便利です。文字列の操作について心配する必要はありません。 getを使用するだけです 現在の時刻についてもっと知るための方法。

UTCを追加することにより、協定世界時（UTC）を使用してタイムスタンプを取得できます。 getという単語の間 と日付の値。デフォルトでは、Dateオブジェクトはユーザーのローカルタイムゾーンで情報を返します。複数のタイムゾーンのユーザーと作業している場合は、UTCを使用して、イベントが簡単に発生する時間を追跡するのが最適な場合がよくあります。

日付オブジェクトの更新

日付オブジェクトは、日付setを使用して更新できます メソッド。 setがあります すべてのgetのメソッド Dateオブジェクトによって提供されるメソッド：

• 年：setFullYear（）
• 月：setMonth（）
• 月の日：setDate（）
• 曜日：setDay（）
• 時間：setHours（）
• 分：setMinutes（）
• 2番目：setSeconds（）
• ミリ秒：setMilliseconds（）
• タイムスタンプ：setTime（）

昨年のこの日付の曜日を調べたいとします。 setFullYear()を使用して、Dateオブジェクトの年を2019に設定することでこれを行うことができます。 。次に、getDay()を使用できます 曜日を取得するには：

const currentDate = new Date();
currentDate.setFullYear(2019);

const daysOfTheWeek = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', Saturday', Sunday'];
const dayLastYear = currentDate.getDay();

console.log('On this day last year it was ' + daysOfTheWeek[dayLastYear]);

コードが返されます。昨年のこの日は火曜日でした。

最初にDate()を使用します 現在の日付を取得します。次に、setFullYear()を使用します 日付オブジェクトの年を2019に設定するメソッド。

次に、daysOfTheWeekという配列を宣言します。 。これは、getDay()によって返される数値を変換するのに役立ちます 曜日に。

次に、getDay()を使用します 2019年の今回は何曜日だったかを把握する方法です。次に、メッセージを印刷しますOn this day last year it was 曜日が続きます。

結論

Dateオブジェクトを使用すると、JavaScriptで日付と時刻を操作できます。 Dateオブジェクトには、さまざまなgetが付属しています。 現在の時刻とsetについて知るのに役立つメソッド 日付と時刻のオブジェクトを操作するメソッド。これで、エキスパートのようにJavaScriptで日付と時刻を操作する準備が整いました。