はじめに

私は株式会社qnoteにて、勉強会の幹事を務めております。
2023年度勉強会の珠玉のネタを2023Qiitaアドベントカレンダーに投稿していこうと思います。

対象者

この記事は下記のような人を対象にしています。

駆け出しエンジニア
プログラミング初学者

結論

JSで日付扱うなら、Dateよりmomentです！

解説

フロントエンドで日付を加工して表示させたい時、ありますよね。
Date()とMoment()の手法を比較しました。

Date()は冗長

const date = new Date ()

const year = date.getFullYear()	// 年
const month = date.getMonth() + 1 // 月
const day = date.getDate() // 日
const dayOfWeek = date.getDay() // 曜日(数値)
const dayOfWeekStr = [ "日", "月", "火", "水", "木", "金", "土" ][dayOfWeek] // 曜日(日本語表記)
const hour = date.getHours() //時
const minute = date.getMinutes() // 分

const result = `${year}年${month}月${day}日(${dayOfWeekStr}) ${hour}時${minute}分`
console.log(result)
// 結果
2018年8月22日(水) 04:15

上記の例、みていただければわかりますが、長すぎる...

月を取得する際、謎の「+1」記述が必要で、可読性DOWN
曜日を取得するのが場長の極み

Moment()は短い！

const result = moment().format('llll')
console.log(result)
// 結果
2018年8月22日(水) 04:15

短！！！
さまざまなフォーマットを活用することができます。

おわりに

JSで日付扱うならmoment、についてまとめました。

参考記事