generateMonths函数生成月份数组时跳过二月的技术求助

咱们来拆解下你的代码为啥总是跳过二月——核心原因是**Date.setMonth()的自动日期溢出机制**。

问题出在哪？ #

假设当前系统日期是某个月的31号（比如1月31日），当你执行newDate.setMonth(newDate.getMonth() + 1)时，你本意是想跳到2月，但1月31日加一个月是「2月31日」，而二月根本没有31天，JS会自动把这个无效日期调整为3月2日（平年）或3月1日（闰年）。这就导致你接下来获取到的月份是3月（getMonth()返回2，因为月份是0索引），直接跳过了二月的记录。

再加上你每次循环都在修改同一个newDate对象，这个溢出问题会持续影响后续的循环计算。

修复后的代码 #

解决这个问题的关键是固定日期为每个月的第一天，彻底避免日期溢出的情况。修改后的代码如下：

const MONTH_MAPPER = { 1: 'Jan', 2: 'Feb', 3: 'Mar', 4: 'Apr', 5: 'May', 6: 'Jun', 7: 'Jul', 8: 'Aug', 9: 'Sep', 10: 'Oct', 11: 'Nov', 12: 'Dec' };

function generateMonths() {
  // 先把初始日期设为当月第一天，从根源避免溢出
  const baseDate = new Date();
  baseDate.setDate(1);
  
  const months = [];
  for (let i = 0; i < 12; i++) {
    // 每次循环都创建新的日期副本，不修改原baseDate
    const currentDate = new Date(baseDate);
    currentDate.setMonth(baseDate.getMonth() + i);
    
    const month = currentDate.getMonth() + 1;
    const year = currentDate.getFullYear();
    months.push({ 
      id: `${year}-${month < 10 ? '0' + month : month}`, 
      name: `${MONTH_MAPPER[month]}-${year}` 
    });
  }
  return months;
}

console.log(generateMonths());

为啥这样改就对了？ #

1. 固定初始日期为1号：baseDate.setDate(1)确保我们从每个月的第一天开始计算，不管后续月份有多少天，都不会出现日期溢出跳转到下一个月的情况。
2. 使用日期副本：每次循环都基于baseDate创建新的currentDate对象，避免修改原日期导致后续循环的计算出错。
3. 直接计算偏移月份：用baseDate.getMonth() + i来直接定位第i个月后的日期，逻辑更直观，也避免了连续修改同一个日期对象带来的连锁问题。

内容的提问来源于stack exchange，提问作者Yashwardhan Pauranik