含Undefined/Null的日期排序异常求助：Invalid Date处理问题

核心问题分析 #

当前排序逻辑失效的关键原因是无效日期（Invalid Date）的判断错误：
new Date(空字段/无效值)会返回Invalid Date，但它本质是一个Date实例，!aDate的结果为false，导致原代码里的if (!aDate)分支永远不会执行，无效日期未被正确处理，进而打乱排序逻辑。

修正后的代码 #

if (this.sortBy === "ending") {
  filteredResults.sort((a, b) => {
    // 处理a的日期：有效则取时间戳，无效设为极小值（确保排最后）
    const aDate = new Date(a.metaData.t);
    const aTime = isNaN(aDate) ? -Infinity : aDate.getTime();

    // 处理b的日期：同上
    const bDate = new Date(b.metaData.t);
    const bTime = isNaN(bDate) ? -Infinity : bDate.getTime();

    // 由近及远排序：时间戳越大日期越新，直接用b - a实现降序
    return bTime - aTime;
  });
}

return filteredResults;

关键修正说明 #

1. 正确识别无效日期：用isNaN(aDate)检测，因为Invalid Date转换为数值时会返回NaN，这是判断日期有效性的可靠方式。
2. 统一比较基准：有效日期转为时间戳（数值类型），无效日期设为-Infinity（比所有有效日期的时间戳都小），确保无效项自动排到最后。
3. 简化排序逻辑：通过bTime - aTime直接实现降序排序，无需多分支判断，时间戳大的日期（更近的时间）会排在前面。

原问题相关信息 #

原排序代码 #

if (this.sortBy === "ending") {
        filteredResults.sort((a, b) => {
          var aDate = new Date(a.metaData.t);
          var bDate = new Date(b.metaData.t);           
          console.log(b.metaData.t);         
          if (!aDate) {
            aDate = 99999999;          }
          console.log("adate" + aDate);
          if (!bDate) {
            bDate = 99999999;
          }
          console.log("bdate" + bDate);
          
          if (aDate > bDate) {
            return 1;
          }
          if (aDate < bDate) {
            return -1;
          }
          return 0;
        });
      }

      return filteredResults;
    },

控制台输出 #

adateWed Nov 30 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
bdateTue Dec 13 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
adateWed Nov 30 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
bdateFri Sep 09 2022 00:00:00 GMT+0100 (British Summer Time)
adateWed Nov 30 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
bdateWed Nov 30 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
adateWed Nov 30 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
bdateThu Dec 08 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
adateWed Nov 30 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
bdateMon Dec 05 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
adateInvalid Date
bdateTue Dec 13 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
adateInvalid Date
bdateFri Mar 31 2023 00:00:00 GMT+0100 (British Summer Time)
adateInvalid Date
bdateSun Aug 20 2023 00:00:00 GMT+0100 (British Summer Time)
adateInvalid Date
bdateTue Jan 01 2030 00:00:00 GMT+0000 (Greenwich Mean Time)
adateInvalid Date
bdateTue Dec 13 2022 00:00:00 GMT+0000 (Greenwich Mean Time)
Invalid Date

数据示例 #

filteredResults {
  K:"XX"
  D:"XX"
  N:"XX"
  y:"XX"
  t:"3 August 2022"
  u:"XX"
  X:"XX"
  R:"XX"
  T:"XX"
  E:"XX"
}

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