JavaScriptで四半期ごとの開始月と終了月を取得する方法を教えてください

要件

半期ごとに記事を絞り込んで検索ができるようにしたい。その際、各期ごとの開始月と終了月を表示したい
開始月は「5月」である
イメージとしては、以下のようなObjectを返したい

{
    "1": {
        "quarter": 1,
        "start": 5,
        "end": 7
    },
    "2": {
        "quarter": 2,
        "start": 8,
        "end": 10
    },
    "3": {
        "quarter": 3,
        "start": 1,
        "end": 11
    },
    "4": {
        "quarter": 4,
        "start": 2,
        "end": 4
    }
}
↓
2022年5月～7月
2022年8月～10月
2022年11月～1月
2023年2月～4月

現在の実装

https://jsfiddle.net/2c35qseu/

  /**
   * 四半期を算出する
   * [通常] 1-3月 -> 1, 4-6月 -> 2, 7-9月 -> 3, 10-12月 -> 4 を返す
   * [開始月を5にした場合] 5-7月 -> 1, 8-10月 -> 2, 11-1月 -> 3, 2-4月 -> 4 を返す
   *
   * @param  {Number} month   月
   * @param  {Number} start   開始月
   * @return {Number} quarter 四半期
   */
  function calcQuarter(month, start = 1)
  {
    let index = (month - start + 13) % 12 || 12;
    let quarter = parseInt((index - 1) / 3, 10) + 1;
    return quarter;
  }
  
    /**
   * 四半期ごとの開始月と終了月を取得する
   *
   * @return {Object} monthRanges 四半期ごとの開始月 終了月
   */
  function getMonthRanges()
  {
    let quarters = [];
    for(let i = 1; i <= 12; i++){
      let quarter = this.calcQuarter(i, startMonth);
      let obj = {
        "month" : i,
        "quarter" : quarter
      }
      quarters.push(obj);
    }

    let monthRanges = quarters.reduce((obj, {month, quarter}) => {
      // 半期ごとに比較用オブジェクトを生成
      obj[quarter] = obj[quarter] || { quarter, start: Infinity, end: -Infinity};

      // 半期ごとに一番数値が少ない月を開始月、一番数値が大きい月を終了月とする
      obj[quarter].start = obj[quarter].start > month ? month : obj[quarter].start;
      obj[quarter].end = obj[quarter].end < month ? month : obj[quarter].end;

      return obj;
    },{});

    // [TODO] 年またぎ時の処理
    monthRanges[3].start = 11;
    monthRanges[3].end = 1;

    console.log(monthRanges); // e.g. { 1: { min: 5, max: 7, quarter: 1 }, ... }
    return monthRanges;
  }
  
  let startMonth = 5;
  getMonthRanges();

現状の課題

年またぎの考慮ができていないため、開始月と終了月が期待した形にならない

{
    "1": {
        "quarter": 1,
        "start": 5,
        "end": 7
    },
    "2": {
        "quarter": 2,
        "start": 8,
        "end": 10
    },
    "3": {
        "quarter": 3,
        "start": 1, // <- ココを start: 11 にしたい
        "end": 12 // <- ココを end: 1 にしたい
    },
    "4": {
        "quarter": 4,
        "start": 2,
        "end": 4
    }
}
↓
2022年5月～7月
2022年8月～10月
★2022年1月～12月 // <- ココを 2022年11月～1月 にしたい
2023年2月～4月

現状は、良いロジックが思い浮かばないのでObjectのプロパティを上書きしてフタをしています

    monthRanges[3].start = 11;
    monthRanges[3].end = 1;

可能であれば、開始月がズレても年またぎに対応できる実装にしたいですが、
やりたいことが実現できれば他の実装方法でも大丈夫です。
momentやjqueryなど、外部ライブラリを入れて解決するならそれでもOKです。

どうすれば、四半期ごとの開始月と終了月を取得できますか？

行動規範の内容に同意します

回答2件

淡々と3ヶ月を足していって、「12を超えれば12を引く」というような処理を入れればいいだけではないでしょうか。

投稿2022/08/09 05:01

maisumakun

総合スコア145184

ベストアンサー

年を指定すれば行けるのでは？
仮に2022年であれば

1Q:2022年5月～2022年7月
2Q:2022年8月～2022年10月
3Q:2022年11月～2022年13月
4Q:2022年14月～2022年16月

javascript
1const y=2022;
2const m=5;
3const a={
4  "1":{
5    "quarter": 1,
6    "start": new Date(y,m  ,0).getMonth()+1,
7    "end":   new Date(y,m+2,0).getMonth()+1,
8    },
9  "2":{
10    "quarter": 2,
11    "start": new Date(y,m  +3,0).getMonth()+1,
12    "end":   new Date(y,m+2+3,0).getMonth()+1,
13    },
14  "3":{
15    "quarter": 3,
16    "start": new Date(y,m  +6,0).getMonth()+1,
17    "end":   new Date(y,m+2+6,0).getMonth()+1,
18    },
19  "4":{
20    "quarter": 4,
21    "start": new Date(y,m  +9,0).getMonth()+1,
22    "end":   new Date(y,m+2+9,0).getMonth()+1,
23    },
24}
25console.log(a);