Angular 4年度预算总和计算问题：代码返回undefined求助

看起来你遇到的undefined问题大概率是求和逻辑的边界处理（比如空数组时reduce没设初始值）或者日期筛选的问题，我来一步步帮你搞定：

核心思路 #

要计算全年成本总和，需要分两步：

1. 筛选出当年1月1日至12月31日的所有Costs记录
2. 对符合条件的记录的成本字段求和

具体实现代码 #

第一步：定义全年的时间范围 #

首先要明确当年的起始和结束时间，注意要包含12月31日的最后一刻，避免漏掉当天晚些时候的记录：

// 获取当前年份
const currentYear = new Date().getFullYear();
// 当年1月1日 00:00:00
const startOfYear = new Date(currentYear, 0, 1);
// 当年12月31日 23:59:59
const endOfYear = new Date(currentYear, 11, 31, 23, 59, 59);

第二步：筛选符合时间范围的Costs记录 #

这里要注意验证日期的有效性，避免无效日期干扰筛选结果：

// 假设你的Costs记录数组叫costsRecords
const validYearlyCosts = costsRecords.filter(cost => {
  const costCreatedDate = new Date(cost.created);
  // 先判断日期是否有效，再检查是否在全年范围内
  return !isNaN(costCreatedDate.getTime()) && 
         costCreatedDate >= startOfYear && 
         costCreatedDate <= endOfYear;
});

第三步：计算总和（关键！解决undefined问题） #

这里一定要给reduce设置初始值0，否则当筛选后的数组为空时，reduce会返回undefined——这应该就是你遇到的问题：

// 直接对Costs的costs字段求和
const totalYearlyBudget = validYearlyCosts.reduce((total, cost) => total + cost.costs, 0);

如果需要关联actualcostIds对应的成本 #

如果你的actualcostIds是指向其他成本条目，需要先获取这些id对应的成本再求和，可以这么写：

// 假设存储所有实际成本的数组叫actualCostsList，每个条目有id和costs字段
// 1. 收集全年所有Costs记录里的actualcostIds
const allActualCostIds = validYearlyCosts.flatMap(record => record.actualcostIds);
// 2. 找到对应id的成本并求和（找不到的话默认加0）
const totalYearlyBudget = allActualCostIds
  .map(id => actualCostsList.find(ac => ac.id === id)?.costs || 0)
  .reduce((sum, cost) => sum + cost, 0);

常见问题排查 #

• 返回undefined：90%的概率是reduce没加初始值，当筛选后数组为空时，没有初始值的reduce会返回undefined，一定要加上, 0。
• 日期筛选不准确：检查结束日期是否包含了当天的最后时刻，否则12月31日下午的记录会被漏掉。
• 无效日期干扰：一定要用!isNaN(costCreatedDate.getTime())验证日期有效性，避免Invalid Date导致的筛选错误。

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