TypeScript报错：运算符'>'无法应用于Iterable<string, Date>与Date类型

嘿，我帮你揪出问题所在啦！你遇到的这个TypeScript类型错误，根源是对Map的map方法返回值的理解有点偏差～

错误原因 #

你代码里的allCosts.map(({created}) => created)，这里的allCosts是Map<string, Costs>类型，而Map的map方法返回的是一个Iterable迭代器对象，不是你预期的Date[]数组。当你尝试把这个迭代器和Date类型的变量（比如Q1、Q2）做>这类比较时，TypeScript自然会报错——毕竟迭代器和日期完全不是一个类型，没法直接比较嘛！

解决方案 #

要解决这个问题，咱们得先把Map里的所有值转换成数组，再去处理日期。可以用Array.from(allCosts.values())或者扩展运算符[...allCosts.values()]来实现，这样后续的操作就能拿到正常的数组类型了。

修正后的完整代码示例 #

我结合你给出的代码片段，补全了逻辑（假设你要筛选指定日期范围内的成本并求和）：

export function getTotalYearCosts(valueItem: ValueItem, allCosts: Map<string, Costs>): TotalCosts {
  const totalYearCosts = { planned: 0, actual: 0 };
  
  // 把Map的所有值转换成数组，再提取created日期（如果需要单独存的话）
  const allCreatedDates = Array.from(allCosts.values()).map(({ created }) => created);
  
  const Q1 = new Date('2018-01-01');
  const Q2 = new Date('2018-04-01');

  // 处理actual成本求和：筛选对应id且日期在Q1-Q2之间的项
  totalYearCosts.actual = valueItem.actualCostIds
    .map(costId => allCosts.get(costId)) // 根据id获取成本对象
    .filter(cost => cost !== undefined && cost.created >= Q1 && cost.created < Q2) // 过滤有效项和日期范围
    .reduce((sum, cost) => sum + (cost?.actual || 0), 0); // 累加总和

  // 同理可以补充planned成本的计算逻辑
  // totalYearCosts.planned = valueItem.plannedCostIds
  //   .map(costId => allCosts.get(costId))
  //   .filter(cost => cost !== undefined && cost.created >= Q1 && cost.created < Q2)
  //   .reduce((sum, cost) => sum + (cost?.planned || 0), 0);

  return totalYearCosts;
}

额外注意点 #

• 用allCosts.get(costId)时要考虑返回undefined的情况，所以加了filter(cost => cost !== undefined)来排除无效项，避免类型错误
• 如果Costs类型里的actual或planned是可选属性，记得用cost?.actual || 0这种方式处理默认值，防止累加出现NaN

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