30代での転職。ウェディング業界からプログラミングの世界へ

33歳。行きあたりばったりだった者。ウェディング業界からプログラミングの世界へ飛び込み、起業を目指す者のブログ

JS基礎 日付の取得 Dateオブジェクト

こんにちは。
ドットインストールにてJavaScriptの学習(テックキャンプの復習を兼ねて)を始めております。
本日は、JavaScript(JS)の日付の取得にてまとめていきます。

Dateオブジェクト

JSの組み込み関数。
組み込み関数とは、JavaScrip側であらかじめ用意してくれているオブジェクト。
この関数を使って日時のあれこれを定義できる。
まず、Dateオブジェクトを生成するためにnewで生成する。

new Date();

現在の時間を取得する。
ブラウザのコンソールで確認するとこのように出力される。

f:id:shink32sk:20201024131005p:plain
コンソール出力結果

上記をもっと分かりやすく表記させるためには下記処理をします。

まずはプロパティの説明

today = new Date();としてあげた後、
・today. getFullYear()  → 現時点での年を取得する
・today.getMonth()+1 → 現時点での月を取得する※Monthは0からカウント。0=1月、1=2月となるので、出したい月は+1する。
・today.getDate()   → 現時点での日を取得する
・today.getDay()    → 現時点での曜日を取得する※日曜日が0、月曜日が1となり、6まで。数字で取得される。

現在の時刻を分かりやすく表記させる

上記より、曜日の数字を文字列に変換して、コード記載。

  const today = new Date();
  const dayOfWeek = today.getDay() ;
  const dayOfWeekStr = [ "日", "月", "火", "水", "木", "金", "土" ][dayOfWeek] ;
  console.log(today.getFullYear() + "/" +  (today.getMonth() + 1) + "/"+ today.getDate()  + "/" + dayOfWeekStr);


ブラウザのコンソールでも確認。
f:id:shink32sk:20201024133102p:plain


出力できました。
javascriptは覚えることが多いですが、このような組み込みオブジェクトも豊富にあるようですね。
有難い恩恵に感謝しながら、引き続き学習していきます。