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中很難看到，但看起來這兩個奇怪的排序值是以一個空格開始的 - 它總是先排序。確保你的數據是有效的。