JavaScriptで月をアルファベット3文字で表示したい!

記事
IT・テクノロジー
▼月を小文字のアルファベット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()]}。`)

↓文字だけだと見づらいのでカラーで見るとわかりやすいかも。
スクリーンショット 2023-02-23 21.27.35.png


▼console.logって書いたところ(2行目と一番最後のところ)はコンソール画面で確認できる。
スクリーンショット 2023-02-23 21.30.22.png

コンソール画面はどこかというと、、(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()]}。 のところ


混乱しますね!

これを使って、例えばそのまま、「今日は○月○日です。」って表示してもいいし、カレンダーを作ったり、土・日に色をつけたり、カウントダウンタイマーを作ったりも出来ますね。🤗
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す