TypeScript 按日期排序对象

Question

我有这个小代码是从另一个问题中借来的，用于按日期对数组中的对象进行排序。但是，我不知道如何将它移植到 TypeScript。

this.filteredTxs.sort(function(a,b): any{
        return new Date(b.date) - new Date(a.date);
});

TS 错误：

/transactions-view.component.ts(72,16) 中的错误：错误 TS2362： 算术运算的左侧必须是“any”类型， 'number' 或枚举类型。

/transactions-view.component.ts(72,35): 错误 TS2363: 右手 算术运算的一侧必须是“任何”、“数字”或 枚举类型。

Answer 1

与其依赖于将 Date 对象强制转换为它们的基础毫秒数自时代值，不如直接获取自时代以来毫秒值并在 - 表达式中使用它。

您还没有告诉我们a.date 和b.date 是什么，但我们可以推断它们是字符串、数字，或者（暂时）Date 实例。

假设a.date 和b.date 是字符串

如果a.date和b.date是字符串，可以使用Date.parse解析字符串，规则与new Date一样，直接得到毫秒数：

return Date.parse(b.date) - Date.parse(a.date);

请注意，您问题中的代码和原始代码都假定 a.date 和 b.date 确实在 appropriate format 中，将由 Date 对象解析。

假设a.date 和b.date 是数字

如果a.date 和b.date 是已经毫秒-since-The-Epoch 值，直接使用它们：

return b.date - a.date;

假设a.date 和b.date 是Date 实例

如果a.date 和b.date 是Date 实例，则使用getTime 获取它们的基础毫秒数-since-The-Epoch 值：

return b.date.getTime() - a.date.getTime();

Answer 2

原因

Array.prototype.sort 的类型签名是：

sort(compareFn?: (a: T, b: T) => number): this;

这意味着compareFn 应该返回一个number。在您的情况下，您正试图从另一个没有多大意义的对象中减去一个对象。它之所以有效，只是因为 JavaScript 会为您隐式强制它们的类型。

解决方案 1

从你的问题来看，我假设 filteredTxs 是对象 包含 Date 类型的 date 属性。

将您的 Date 对象明确地转换为数字：

this.filteredTxs.sort(function(a,b): any{
        return (b.date.getTime() - a.date.getTime());
});

解决方案 2

使用隐式转换来比较日期，但仅用于比较目的，不用于减法。

this.filteredTxs.sort(function(a,b): any {
  .sort((a, b) => {
    if (left.date === right.date) {
      return 0;
    }

    return (left.date > right.date)
      ? 1
      : -1
});