JavaScriptのDateオブジェクトから月名をスマートに取り出すテクニック

2024-04-14

JavaScriptで日付オブジェクトから月名を取得する方法

getMonth()メソッドと配列を用いる方法

この方法は、最もシンプルで分かりやすい方法です。

const date = new Date();
const month = date.getMonth(); // 月のインデックスを取得 (0～11)

const monthNames = ["January", "February", "March", "April", "May", "June",
  "July", "August", "September", "October", "November", "December"];

console.log(monthNames[month]); // 月名をコンソールに出力

このコードでは、まずnew Date()を使って現在の日付を取得します。次に、getMonth()メソッドを使って、その日付の月のインデックスを取得します。月のインデックスは0から始まり、12月は11となります。

次に、monthNamesという配列を用意します。この配列には、12ヶ月の英語名が順番に格納されています。

最後に、monthNames[month]という式を使って、月のインデックスに対応する月名を配列から取得し、コンソールに出力します。

toLocaleDateString()メソッドを用いる方法

この方法は、より簡潔に月名を取得することができます。

const date = new Date();
const monthName = date.toLocaleDateString('ja-JP', { month: 'long' });
console.log(monthName); // 月名をコンソールに出力

このコードでは、まずnew Date()を使って現在の日付を取得します。次に、toLocaleDateString()メソッドを使って、その日付を文字列に変換します。

引数として、ロケールとオプションを指定します。ロケールを'ja-JP'に設定することで、日本語での表示になります。オプションの{ month: 'long' }は、月を長い形式で表示することを指定します。

上記のように、JavaScriptでDateオブジェクトから月名を取得するには、主に2つの方法があります。用途に合わせて、適切な方法を選択してください。

補足

上記のコードは、ブラウザ上で実行することを想定しています。Node.jsなどの環境で実行する場合は、一部修正が必要になる場合があります。

getMonth()メソッドと配列を用いる方法

// 月名を取得する関数
function getMonthName1(date) {
  const month = date.getMonth(); // 月のインデックスを取得
  const monthNames = ["January", "February", "March", "April", "May", "June",
    "July", "August", "September", "October", "November", "December"];
  return monthNames[month]; // 月名を返す
}

// 現在の日付を取得
const date = new Date();

// 月名をコンソールに出力
console.log(getMonthName1(date));

toLocaleDateString()メソッドを用いる方法

// 月名を取得する関数
function getMonthName2(date) {
  return date.toLocaleDateString('ja-JP', { month: 'long' }); // 月名を返す
}

// 現在の日付を取得
const date = new Date();

// 月名をコンソールに出力
console.log(getMonthName2(date));

上記コードを実行すると、以下の結果が出力されます。

4月

解説

コード中のgetMonthName1とgetMonthName2は、それぞれ異なる方法で月名を取得する関数です。
getMonthName1関数は、getMonth()メソッドと配列を使用して月名を取得します。
どちらの関数も、引数としてDateオブジェクトを受け取り、月名を返します。
コードの最後では、現在の日付を取得して、それぞれの関数に渡しています。
コンソールには、それぞれの関数によって取得された月名が

JavaScriptで日付オブジェクトから月名を取得するその他の方法

Intl.DateTimeFormatオブジェクトを使用する方法

この方法は、より柔軟な書式設定が可能で、ロケールに合わせた月名の取得が可能です。

const date = new Date();
const options = { month: 'long' };
const monthName = new Intl.DateTimeFormat('ja-JP', options).format(date);
console.log(monthName); // 4月

switch文を使用する方法

この方法は、簡潔なコードで月名を取得できますが、可読性が低くなる可能性があります。

const date = new Date();
const month = date.getMonth();
let monthName;

switch (month) {
  case 0:
    monthName = 'January';
    break;
  case 1:
    monthName = 'February';
    break;
  // ... 以下省略 ...
  case 11:
    monthName = 'December';
    break;
}

console.log(monthName); // 4月

正規表現を使用する方法

この方法は、複雑な書式設定が必要な場合に役立ちますが、コードが分かりにくくなる可能性があります。

const date = new Date();
const monthName = date.toLocaleDateString('ja-JP').match(/^(?:\D{3}).*(\D+)$/)[1];
console.log(monthName); // 4月

ライブラリを使用する方法

Moment.jsなどのライブラリを使用すると、より簡単に月名を取得することができます。

// Moment.jsの読み込み
const moment = require('moment');

const date = new Date();
const monthName = moment(date).format('MMMM'); // 4月
console.log(monthName);