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

你可以使用与选项：

的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; 

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

Answer 3

您的比较功能完全正常。关系运算符可以在数字和字符串两种情况下工作，没有理由使用localeCompare。

它的工作原理有点类似，但是当我对它进行排序时，它总是不能正确排序：它并不真正与ID一起工作。

看起来对象数组中的id属性是字符串，所以它们按字典顺序进行比较。让他们成为实际的数字，他们会被比作数字。

它在Naam上升序但是，首先按降序给出2个名称，以v开始& k。这是为什么？

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