▼月を小文字のアルファベット3文字で表示したいとき。
const months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']
▼曜日を日本語で表示したいとき。
const daysJa = ['日', '月', '火', '水', '木', '金', '土']
▼曜日を小文字のアルファベット3文字で表示したいとき。
const daysEn = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat']
▼使ってみよう!
const today = new Date()
console.log(today)
const months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']
const daysEn = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat']
const daysJa = ['日', '月', '火', '水', '木', '金', '土']
console.log(`今日は${today.getMonth() + 1}月${today.getDate()}日(${daysJa[today.getDay()]})。
英語で月省略形は、${months[today.getMonth()]}。
曜日省略形は、${daysEn[today.getDay()]}。`)
↓文字だけだと見づらいのでカラーで見るとわかりやすいかも。
▼console.logって書いたところ(2行目と一番最後のところ)はコンソール画面で確認できる。
コンソール画面はどこかというと、、(Google Chrome, Windowsの場合)
右クリック→検証→Consoleというところをクリック。
getMonth()は、月を0〜11で表示するので、そのまま書くと、1少ない数が出てしまう。なので、+ 1 しています。
今日は${today.getMonth() + 1} のところ
months = [...] の鍵括弧の中は0からカウントする(getMonth()と同じで0から)ので、
0番 = 'jan'
1番 = 'feb'
となって、今2月は、getMonth() = 1 と出るから→'feb'が出る。
英語で月省略形は、${months[today.getMonth()]}。 のところ
混乱しますね!
これを使って、例えばそのまま、「今日は○月○日です。」って表示してもいいし、カレンダーを作ったり、土・日に色をつけたり、カウントダウンタイマーを作ったりも出来ますね。🤗