JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのDate.getHours()関数とは？使い方と具体例を解説

Dateオブジェクトは、JavaScript言語に組み込みで用意されているデータ型です。Dateオブジェクトは、次のようにnew Date()を使って生成します。

Dateオブジェクトを一度生成すれば、多数のメソッドを使ってその値を操作できます。ほとんどのメソッドでは、ローカル時間またはUTC（協定世界時／GMT）のいずれかを基準として、年・月・日・時・分・秒・ミリ秒の各フィールドを取得・設定できるようになっています。

DateオブジェクトのgetHours()関数は、日時の中から「時（hour）」の値を取り出して返すメソッドです。戻り値はローカルタイムゾーンに基づく0〜23の整数になります。

構文

構文は以下の通りです。

dateObj.getHours();

使用例

まずは、日時を文字列形式で指定してDateオブジェクトを作成し、「時」の値を取得する基本的な例を見てみましょう。

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        var dateObj = new Date('september 26, 89 12:4:00');
        document.write("Hour of the day: "+dateObj.getHours());
    </script>
</body>
</html>

実行結果

Hour of the day: 12

この例では、日時文字列の中で12時が指定されているため、getHours()は「12」を返しています。

使用例：時刻を指定しない場合

Dateオブジェクトの生成時に時刻（何時か）を指定しなかった場合、この関数は「0」を返します。

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        var dateObj = new Date('september 26, 89');
        document.write("Hour of the day: "+dateObj.getHours());
    </script>
</body>
</html>

実行結果

Hour of the day: 0

時刻が省略された場合は午前0時として扱われるため、戻り値は0になります。

使用例：引数を渡さない場合

同様に、コンストラクタに何も渡さずにDateオブジェクトを生成した場合、この関数は現在時刻の「時」を返します。

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        var dateObj = new Date();
        document.write("Hour of the day: "+dateObj.getHours());
    </script>
</body>
</html>

実行結果

Hour of the day: 12

引数なしで生成した場合は実行した瞬間の現在日時が使われるため、表示される値は実行するタイミングによって変わります。このようにgetHours()を活用すれば、日時データから簡単に「時」の情報を取得できます。

  1. JavaScriptのDate.toDateString()メソッドの使い方を徹底解説

    Dateオブジェクトは、JavaScript言語に標準で組み込まれているデータ型です。Dateオブジェクトは、以下のようにnew Date()を使って生成します。一度Dateオブジェクトを作成すると、さまざまなメソッドを使ってそのオブジェクトを操作できます。ほとんどのメソッドは、ローカル時間またはUTC（協定世界時・グリニッジ標準時）のいずれかを基準として、オブジェクトが持つ年、月、日、時、分、秒、ミリ秒の各フィールドを取得・設定するためのものです。その中でもtoDateString()メソッドは、時刻情報を除いた「日付部分のみ」を文字列として返すメソッドです。構文toDateString()

  2. JavaScriptのDate.@@toPrimitive()関数とは？日付オブジェクトをプリミティブ値に変換する方法

    JavaScriptのDate.@@toPrimitive()関数は、Dateオブジェクトをプリミティブ値に変換するために使用されます。このメソッドはSymbol.toPrimitiveプロパティを通じて呼び出され、引数に指定したヒント（hint）に応じて、文字列や数値など適切なプリミティブ値を返します。 ヒントの種類と戻り値 「default」：日付を表す文字列が返されます。 「number」：1970年1月1日00:00:00 UTCからの経過ミリ秒数（タイムスタンプ）が数値で返されます。 「string」：「default」と同様に、日付を表す文字列が返されます。 サンプルコード 以