javascript - TypeScript - 数组排序扩展方法

Question

我正在寻找在 TypeScript 中创建一个数组扩展“排序”方法，其中数组可以由各种对象类型组成。我可以从任何组件调用这个扩展方法。

这种排序需要接受一个对象属性来排序(当然，该属性可以是数字或字符串)和枚举类型的方向(升序 1 或降序 -1)。我有数组，我有 sortDirection 的枚举。但是我在哪里/如何构建排序方法来像这样调用它？

myArrayOfObjects.sort('name', sortDirection.Descending);

这是我现有的组件级排序，我正在尝试将其转换为可以从任何地方调用的扩展方法。将方向转换为枚举并传递它很容易，但我真的试图将其作为扩展方法:

 sort(property: string): void {
    this.isDescending = !this.isDescending;
    this.column = property;
    const direction = this.isDescending ? 1 : -1;

    this.searchResults.sort(function (a, b) {
        if (a[property] < b[property]) {
            return -1 * direction;
        } else if (a[property] > b[property]) {
            return 1 * direction;
        } else {
            return 0;
        }
    });
    this.currentPage = 0;
}

this.searchResults 如下，但它可以是任何数组或任何具有属性的对象。同样，这目前是一个组件级函数，我想将其转换为数组的扩展方法:

@Input() searchResults: IPersonSummary[];

Answer 1

因为 TypeScript 已加载定义了具有名称排序的方法的基本类型，所以您无法使用相同的名称重新定义它。如果您考虑使用一些不同的名称(例如我选择 mySort)，您可以这样做。您需要在 Array 接口(interface)中定义它并将您的函数分配给 Array 原型(prototype)。 使用新名称定义扩展是最佳实践，因为自从覆盖某些基本方法后，您就无法随时调用基本方法。如果您考虑将来某个时候调用基本方法，您将会遇到大麻烦。

推荐的方法:

interface Array<T> {
    mySort(property: string): void;
}

Array.prototype.mySort = function (property: string): void {
    this.isDescending = !this.isDescending;
    this.column = property;
    const direction = this.isDescending ? 1 : -1;

    this.searchResults.sort(function (a, b) {
        if (a[property] < b[property]) {
            return -1 * direction;
        } else if (a[property] > b[property]) {
            return 1 * direction;
        } else {
            return 0;
        }
    });
    this.currentPage = 0;
}