【JavaScript入門】Dateオブジェクトで今日からn日後の曜日を求める方法

課題の概要

JavaScriptで、数値 n を唯一の引数として受け取る関数を作成することを考えます。

この関数は、まず Date オブジェクトを使って今日の曜日を取得し、n日後が何曜日になるかを返します。

具体例

今日が月曜日で n = 2 の場合、出力は次のようになります。

Wednesday

サンプルコード

const num = 15;

const findNthDay = num => {
  // getDay() の戻り値（0：日曜 〜 6：土曜）に対応する配列
  const weekday = [
    'Sunday',
    'Monday',
    'Tuesday',
    'Wednesday',
    'Thursday',
    'Friday',
    'Saturday'
  ];

  const today = new Date().getDay();
  const daysFromNow = ((num % 7) + 7) % 7; // 負の数にも対応

  return weekday[(today + daysFromNow) % 7];
};

console.log(findNthDay(num));

実行結果

コンソールには以下のように出力されます。

Friday

コードのポイント

• new Date().getDay() は、今日の曜日を 0（日曜）〜 6（土曜） の整数で返します。配列の先頭を 'Sunday' にしておくことで、getDay() の戻り値とインデックスをそのまま対応させられます。
• num % 7 により、n日後を「1週間以内の移動量」に置き換えています。曜日は7日周期で繰り返すため、たとえば 15 日後は 2 日後と同じ曜日になります。
• ((num % 7) + 7) % 7 としているのは、n に負の値が渡された場合（n日前を求めたいケース）でも正しく計算できるようにするためです。
• 最後に、今日の曜日のインデックスへ移動量を加算し、7 で割った余りを配列の添字として使うことで、週をまたぐ場合も正しい曜日を取得できます。

応用：日本語の曜日名で表示したい場合

配列の要素を書き換えるだけで、日本語の曜日名を返すことも可能です。

const weekdayJp = ['日', '月', '火', '水', '木', '金', '土'];
// weekday を weekdayJp に置き換えるだけでOK