如何基于可能为undefined的日期字符串属性过滤TypeScript数组

问题排查 #

你当前代码存在三个问题：

• 类型不匹配报错：IDE推导CreatedOn属性可能为undefined，而Date.parse仅支持传入string类型参数，直接传入联合类型值会触发校验错误
• 时间计算逻辑错误：两个日期相减得到的差值单位是毫秒，直接和数值90对比完全不符合90天的判断要求
• 语法错误：filter方法的结尾缺少闭合括号，代码无法正常执行

修复方案 #

我们可以通过空值前置过滤、时间单位换算解决上述问题，且全程使用高阶函数filter实现，无需手动编写for循环：

const currentDate = new Date();
// 预先计算90天对应的毫秒数：24小时 * 60分钟 * 60秒 * 1000毫秒 * 90天
const DAY_90_IN_MS = 90 * 24 * 60 * 60 * 1000;

const newResult = result.items?.filter(item => {
  // 先过滤掉CreatedOn为空的异常项，解决类型不匹配问题
  if (!item.CreatedOn) return false;
  const createdTimestamp = Date.parse(item.CreatedOn);
  // 差值大于90天毫秒数的项符合过滤要求
  return (currentDate.getTime() - createdTimestamp) > DAY_90_IN_MS;
// 兜底处理：如果items本身为undefined，返回空数组避免后续操作报错
}) ?? [];

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