1. Dateオブジェクトとは？

JavaScriptのDateオブジェクトは、現在の日付や時刻を取得したり、特定の日時を作成したりするための機能です。パソコンやスマートフォンの内部時計を使って情報を取り出すイメージで、時計の代わりの役割をしてくれる便利な仕組みです。

初めて触る人は「オブジェクト」という言葉が難しく感じるかもしれませんが、これは「日時をまとめて扱うための箱」と考えると理解しやすくなります。箱の中には「年」「月」「時」「分」「秒」などが入っていて、それぞれ取り出す方法が決まっています。

2. 現在の日時を作るには new Date()

まずは日時を扱うための基準として、new Date()を使って現在の日時を取得します。これは「今の時刻をまとめた箱を作る」動作です。


const now = new Date();
console.log(now);

このコードを実行すると、パソコンの内部時計をもとに現在の年月日と時刻が取得されます。

3. 時・分・秒を取り出すメソッド一覧

日時を扱うときに特に重要なのが、現在の「時」「分」「秒」を取り出すメソッドです。JavaScriptではそれぞれ専用の関数が用意されています。

getHours() …… 時（0〜23）を取得する
getMinutes() …… 分（0〜59）を取得する
getSeconds() …… 秒（0〜59）を取得する

24時間表記で取得されるため、夜の10時なら「22」となります。これはパソコンの内部で24時間式を使っているためです。


const now = new Date();

const hour = now.getHours();
const minute = now.getMinutes();
const second = now.getSeconds();

console.log(hour, minute, second);

4. 時・分・秒をまとめて見やすく表示しよう

時刻を使う場面では「14:05:09」のようにまとめて表示したいことがよくあります。分や秒が一桁のときは「05」のようにゼロをつけると読みやすくなるため、ゼロ埋めという処理を行います。


const now = new Date();
const h = String(now.getHours()).padStart(2, "0");
const m = String(now.getMinutes()).padStart(2, "0");
const s = String(now.getSeconds()).padStart(2, "0");

console.log(`${h}:${m}:${s}`);

このコードを実行すると、毎回きれいな2桁形式で時刻を表示できます。