Javascript ES6自定义排序方法并非一直有效

Question

我想对我的 JSON 输出进行排序。

我为它创建了自己的排序方法，您可以在此处看到：

const sortAsc = (propertyName) => (a, b) => a[propertyName] === b[propertyName] ? 0 : a[propertyName] < b[propertyName] ? -1 : 1;
const sortDesc = (propertyName) => (a, b) => a[propertyName] === b[propertyName] ? 0 : a[propertyName] < b[propertyName] ? 1 : -1;

我这样称呼它：

asc(value) {
    this.result.sort(this.sortAsc(value));
}

它可以正常工作，但是当我对其进行排序时，它并不总是正确排序。

看看这个小 gif： https://gyazo.com/5f590f7c921eb1cb3bc4138f85c2162b

如您所见，它实际上不适用于 ID。它在Naam （荷兰语名称）上升序工作，但在降序时，它首先给出 2 个以 v 和 k 开头的名称。这是为什么呢？

好吧，如果这是难以解决的问题，那也不是问题。只要它可以对数字和字符串进行排序。

还有一点需要注意的是，我使用的是 Angular 4.4.4。我搜索了一个内置的 sort/orderBy 函数，但发现它不是内置的。但是，如果我可以使用 Angular 提供的任何东西来简化它，我会很乐意使用它！

编辑：

我的新方法：

sortAsc = (propertyName) => (a, b) => a[propertyName].localeCompare(b[propertyName]);

Answer 1

您可以将String#localeCompare 与选项一起使用：

localeCompare() 方法返回一个数字，指示引用字符串是在排序顺序之前还是之后或与给定字符串相同。

新的locales 和options 参数允许应用程序指定应该使用其排序顺序的语言并自定义函数的行为。在忽略 locales 和 options 参数的旧实现中，使用的语言环境和排序顺序完全取决于实现。

const sortAsc = propertyName => (a, b) =>
    a[propertyName].localeCompare(b[propertyName], undefined, { numeric: true, sensitivity: 'base' });


const sortDesc = (propertyName) => (a, b) =>
    -a[propertyName].localeCompare(b[propertyName], undefined, { numeric: true, sensitivity: 'base' });

Answer 2

我猜您想将 Id 与数字进行比较，因此您应该对类似数字的列使用适当的排序函数：

const sortAsc = (propertyName) => (a, b) => a[propertyName] === b[propertyName] ? 0 : +a[propertyName] < +b[propertyName] ? -1 : 1;
const sortDesc = (propertyName) => (a, b) => a[propertyName] === b[propertyName] ? 0 : +a[propertyName] < +b[propertyName] ? 1 : -1;

另一种方法是调整你的表格数据数组，id应该是数字，而不是字符串，在这种情况下你的排序功能也应该工作。

Answer 3

您的比较功能完全没问题。关系运算符在数字和字符串上都是开箱即用的，没有理由使用localeCompare。

它可以正常工作，但是当我对其进行排序时，它并不总是正确排序：它实际上不适用于 ID。

您的对象数组中的id 属性似乎是字符串，因此它们按字典顺序进行比较。将它们设为实际数字，然后将它们作为数字进行比较。

它在Naam 上升序工作，但在降序时，它首先给出 2 个以 v 和 k 开头的名称。这是为什么呢？

在 gif 中真的很难看到，但看起来这两个奇怪的排序值以空格开头 - 总是首先排序。确保您的数据有效。