{category}

JavaScript - オブジェクト型

Date

デイト(データ型

意味 日付型


Dateとは?

日付と時刻を表現するデータ型。

Dateの具体的な使い方

現在の日付の取得と書式設定

const now = new Date();

// 年、月、日を取得
const year = now.getFullYear();
const month = now.getMonth() + 1; // 月は0から始まるので+1
const day = now.getDate();

// 日付を特定のフォーマットで表示
const formattedDate = `${year}年${month.toString().padStart(2, '0')}月${day.toString().padStart(2, '0')}日`;
console.log(formattedDate);

👇出力結果

2023年05月15日

現在の日付を取得し、年月日を抽出して特定のフォーマットで表示します。

未来の日付の計算

const now = new Date();

// 7日後の日付を計算
const futureDate = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);
console.log(`7日後: ${futureDate.toDateString()}`);

👇出力結果

7日後: Mon May 22 2023

現在の日付から7日後の日付を計算し、表示します。

経過時間の計算

function calculateDuration(startDate, endDate) {
  const diff = endDate - startDate;
  const days = Math.floor(diff / (1000 * 60 * 60 * 24));
  const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
  return `${days}日 ${hours}時間 ${minutes}分`;
}

const start = new Date('2023-05-01T10:00:00');
const end = new Date('2023-05-15T15:30:00');

console.log(`経過時間: ${calculateDuration(start, end)}`);

👇出力結果

経過時間: 14日 5時間 30分

2つの日付間の経過時間を計算し、日、時間、分の形式で表示します。

Dateに関するよくある質問

Q. Dateオブジェクトとは何ですか?
A. DateオブジェクトはJavaScriptで日付と時刻を扱うためのオブジェクトです。特定の瞬間の日時を表現し、日付の計算や書式設定などの操作を行うことができます。
Q. 現在の日時を取得するには?
A. new Date()を使用すると、現在の日時を表すDateオブジェクトを作成できます。例:const now = new Date();
Q. 特定の日付を設定するには?
A. new Date()の引数に日付文字列や年、月、日などの数値を渡すことで、特定の日時を設定できます。例: new Date('2023-05-01') new Date(2023, 4, 1) // 注意: 月は0から始まるので、5月は4
Q. 日付の比較はどうすればいい?
A. Dateオブジェクトは直接比較演算子(<, >, ===など)で比較できます。また、getTime()メソッドを使用してミリ秒単位の値を取得し、それらを比較することもできます。

Dateが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのDateやInfinity、Symbol、Boolean、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

Infinity

無限大の数値

種類: 特殊な値

Symbol

固有の値

種類: プリミティブ型

Boolean

ブーリアン型(真偽値)

種類: プリミティブ型

string.startsWith()

文字列が開始判定

種類: String

event.stopPropagation()

イベント伝播の停止

種類: イベントオブジェクトとプロパティ