0Pricing
JavaScript Academy · レッスン

Date の作成と読み取り

Date オブジェクトを作成し、各要素を読み取ります。

「Date の作成と読み取り」はCoddyKit上の無料JavaScript Academyレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavaScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 JavaScript Academyコースには全4レッスンが含まれています。

Dateオブジェクト

Dateオブジェクトは、ある一つの時点を表します。new を使い、Date コンストラクターで作成します。

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

現在の日時

引数なしで new Date を呼び出すと、システム時計に基づく現在の時点が取得されます。

const now = new Date()
console.log(typeof now.getTime())

日付文字列から作成する

ISO 形式の日付文字列から日付を作成できます。文字列から年、月、日が解析されます。

const d = new Date("2024-03-15")
console.log(d.getFullYear())

各要素から作成する

年、月、日、および必要に応じて時や分を個別の要素として渡せます。月の引数は0始まりであることを忘れないでください。

const d = new Date(2024, 0, 15)
console.log(d.getFullYear())
console.log(d.getDate())

getFullYear

getFullYear は4桁の年を返します。非推奨の getYear ではなく、常にこちらを使ってください。

const d = new Date("2024-07-04")
console.log(d.getFullYear())

getMonthは0始まり

getMonth は 0 から 11 までの数値を返します。0 は1月、11 は12月です。これはオフバイワンのバグがよく発生する原因です。

const d = new Date("2024-07-04")
console.log(d.getMonth())

月を名前に変換する

月は0始まりなので、getMonth の値をそのまま名前の配列のインデックスに使えます。

const names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
const d = new Date(2024, 6, 4)
console.log(names[d.getMonth()])

getDateとgetDay

getDate は1から31までの月の日を返し、getDay は日曜日を0、土曜日を6とする曜日を返します。両者を混同しないでください。

const d = new Date(2024, 0, 1)
console.log(d.getDate())
console.log(d.getDay())

時刻の要素

日付の時刻部分を読み取るには、getHours、getMinutes、getSeconds を使います。

const d = new Date(2024, 0, 1, 9, 30, 15)
console.log(d.getHours())
console.log(d.getMinutes())
console.log(d.getSeconds())

読みやすい文字列を作る

getter メソッドを組み合わせて日付を手動で整形します。その際、月に1を足すことを忘れないでください。

const d = new Date(2024, 6, 4)
const text = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()
console.log(text)

無効な日付

解析できない日付文字列からは、時刻が NaN である Invalid Date が生成されます。getTime の結果に対して Number.isNaN を使うと検出できます。

const bad = new Date("not a date")
console.log(Number.isNaN(bad.getTime()))

クイックチェック

日付の読み取りに関する知識を確認しましょう。

まとめ

まとめ: Date オブジェクトはある時点を保持します。

  • 引数なしの new Date は現在の日時を表します
  • getMonth は0始まりです
  • getDate は月の日、getDay は曜日を返します
  • 無効な日付の時刻は NaN です
const d = new Date(2024, 0, 15)
console.log(d.getMonth())

よくある質問

「Date の作成と読み取り」レッスンは無料ですか？

はい。「Date の作成と読み取り」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、JavaScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 JavaScript Academyコースには全4レッスンが含まれています。

「Date の作成と読み取り」で何を学びますか？

Date オブジェクトを作成し、各要素を読み取ります。 ブラウザで直接実行するハンズオンコードでJavaScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

JavaScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのJavaScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。

「Date の作成と読み取り」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavaScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのJavaScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. Date の作成と読み取り
  2. タイムスタンプと Date の計算
  3. 日付をフォーマットする
  4. タイムゾーンと UTC
← JavaScript Academyに戻る