JavaScript中按月份分组生成日期范围数组的教程

const monthFrmt = new Intl.DateTimeFormat('en', { month: 'long' });
// 'en' 表示英文，'month: 'long'' 表示输出完整的月份名称，如 'May'

const rules = new Intl.PluralRules('en', { type: 'ordinal' });
const suffixes = { one: 'st', two: 'nd', few: 'rd', other: 'th' };

/**
 * 根据数字生成带有序数词后缀的字符串
 * @param {number} number - 日期数字
 * @returns {string} - 带有序数词后缀的日期字符串
 */
const ordinal = (number) => {
  const rule = rules.select(number);
  return `${number}${suffixes[rule]}`;
};

/**
 * 格式化日期为“序数日 月份名称”的字符串
 * @param {Date} date - 要格式化的日期对象
 * @returns {string} - 格式化后的日期字符串，如“1st May”
 */
const dateFormatterFn = (date) => `${ordinal(date.getDate())} ${monthFrmt.format(date)}`;

/**
 * 在指定日期范围内生成按月份分组的日期数组
 * @param {Date} startDate - 日期范围的起始日期（包含）
 * @param {Date} endDate - 日期范围的结束日期（包含）
 * @param {Function} dateFormatterFn - 用于格式化单个日期的函数
 * @returns {Array<Array<string>>} - 包含月份名称和其对应日期的嵌套数组
 */
const generateDates = (startDate, endDate, dateFormatterFn) => {
  const results = []; // 存储最终结果的中间结构
  const currDate = new Date(startDate.getTime()); // 使用副本，避免修改原始startDate

  while (currDate <= endDate) {
    const monthKey = monthFrmt.format(currDate); // 获取当前日期的月份名称

    // 检查是否需要创建新的月份组
    // 如果results为空，或者当前月份与上一个月份不同，则创建新的组
    if (results.length === 0 || results[results.length - 1]?.key !== monthKey) {
      results.push({ key: monthKey, values: [] });
    }

    // 将当前格式化的日期添加到当前月份组的values数组中
    results[results.length - 1].values.push(dateFormatterFn(currDate));

    // 移动到下一天
    currDate.setDate(currDate.getDate() + 1);
  }

  // 将中间结构转换为最终所需的数组格式
  // 例如：[{ key: "May", values: ["1st May", ...] }] 转换为 [["May", "1st May", ...]]
  return results.map(Object.values);
};

const
  // 月份名称格式化器，输出如 "May"
  monthFrmt = new Intl.DateTimeFormat('en', { month: 'long' }),
  // 定义日期范围
  startDate = new Date('2023-05-01T00:00:00'), // 2023年5月1日
  endDate = new Date('2023-06-03T00:00:00');   // 2023年6月3日 (包含)

// 序数词规则和后缀
const rules = new Intl.PluralRules('en', { type: 'ordinal' });
const suffixes = { one: 'st', two: 'nd', few: 'rd', other: 'th' };

/**
 * 根据数字生成带有序数词后缀的字符串
 * @param {number} number - 日期数字
 * @returns {string} - 带有序数词后缀的日期字符串
 */
const ordinal = (number) => {
  const rule = rules.select(number);
  return `${number}${suffixes[rule]}`;
};

/**
 * 格式化日期为“序数日 月份名称”的字符串
 * @param {Date} date - 要格式化的日期对象
 * @returns {string} - 格式化后的日期字符串，如“1st May”
 */
const dateFormatterFn = (date) => `${ordinal(date.getDate())} ${monthFrmt.format(date)}`;

/**
 * 在指定日期范围内生成按月份分组的日期数组
 * @param {Date} startDate - 日期范围的起始日期（包含）
 * @param {Date} endDate - 日期范围的结束日期（包含）
 * @param {Function} dateFormatterFn - 用于格式化单个日期的函数
 * @returns {Array<Array<string>>} - 包含月份名称和其对应日期的嵌套数组
 */
const generateDates = (startDate, endDate, dateFormatterFn) => {
  const results = [];
  const currDate = new Date(startDate.getTime()); // 创建日期的副本进行操作

  while (currDate <= endDate) {
    const monthKey = monthFrmt.format(currDate);

    // 如果是新月份，则创建一个新的组
    if (results.length === 0 || results[results.length - 1]?.key !== monthKey) {
      results.push({ key: monthKey, values: [] });
    }

    // 将格式化后的日期添加到当前月份组
    results[results.length - 1].values.push(dateFormatterFn(currDate));

    // 移动到下一天
    currDate.setDate(currDate.getDate() + 1);
  }

  // 最终转换：将 { key: "Month", values: [...] } 结构转换为 ["Month", ...] 数组
  return results.map(Object.values);
};

// 主执行函数
const main = () => {
  const dates = generateDates(startDate, endDate, dateFormatterFn);
  console.log(dates);
};

main();

[
  ["May", "1st May", "2nd May", ..., "31st May"],
  ["June", "1st June", "2nd June", "3rd June"]
]