如何按數字字符串和特殊字符對 object 的數組進行排序

Question

我有一些對象的數組，我想按dimension屬性對它們進行排序，其中該屬性是一些數字間隔和特殊字符的字符串。 這是我所擁有的示例

 let data = [ { "soldTickets": 206, "soldRevenue": 12825.309997558594, "playedOffTickets": 2915, "playedOffRevenue": 495923.22019958496, "dimension": "10 - 25", "ticketsChange": -2709, "revenueChange": -483097.91020202637 }, { "soldTickets": 172, "soldRevenue": 17174.29998779297, "playedOffTickets": 2485, "playedOffRevenue": 467017.27951049805, "dimension": "25 - 50", "ticketsChange": -2313, "revenueChange": -449842.9795227051 }, { "soldTickets": 122, "soldRevenue": 9892.249984741211, "playedOffTickets": 9121, "playedOffRevenue": 1129196.3203125, "dimension": "> 200", "ticketsChange": -8999, "revenueChange": -1119304.0703277588 }, { "soldTickets": 52, "soldRevenue": 3159.239990234375, "playedOffTickets": 544, "playedOffRevenue": 88893.0400390625, "dimension": "0 - 10", "ticketsChange": -492, "revenueChange": -85733.80004882812 }, { "soldTickets": 38, "soldRevenue": 3162.1099700927734, "playedOffTickets": 476, "playedOffRevenue": 92432.79023742676, "dimension": "100 - 200", "ticketsChange": -438, "revenueChange": -89270.68026733398 }, { "soldTickets": 37, "soldRevenue": 3233, "playedOffTickets": 590, "playedOffRevenue": 97645.46026611328, "dimension": "50 - 100", "ticketsChange": -553, "revenueChange": -94412.46026611328 } ]; const toNumber = (str) => { if (Number(str)) { return Number(str); } else { return Number(str.substring(0, str.length - 1)); } }; data = data.sort( (a, b) => toNumber(String(a["dimension"]).split(' ')[0]) - toNumber(String(b["dimension"]).split(' ')[0]) ); console.log(data)

問題是數組沒有按照我想要的方式排序，因為> 200在這種情況下應該是最后一個而不是第一個。 所需的順序應該是這樣的

['0 - 10', '10 - 25', '25 - 50', '50 - 100', '100 - 200', '> 200']

我究竟做錯了什么？ 提前致謝！

Answer 1

如果我們可以假設第一個數字是我們想要排序的，您可以使用一些正則表達式來找到第一個數字，然后我們可以對其進行排序。

當然，如果您的情況變得更復雜，例如< 20等，那么您需要重新評估您如何決定訂購。

例如。

 let data=[{soldTickets:206,soldRevenue:12825.309997558594,playedOffTickets:2915,playedOffRevenue:495923.22019958496,dimension:"10 - 25",ticketsChange:-2709,revenueChange:-483097.91020202637},{soldTickets:172,soldRevenue:17174.29998779297,playedOffTickets:2485,playedOffRevenue:467017.27951049805,dimension:"25 - 50",ticketsChange:-2313,revenueChange:-449842.9795227051},{soldTickets:122,soldRevenue:9892.249984741211,playedOffTickets:9121,playedOffRevenue:1129196.3203125,dimension:"> 200",ticketsChange:-8999,revenueChange:-1119304.0703277588},{soldTickets:52,soldRevenue:3159.239990234375,playedOffTickets:544,playedOffRevenue:88893.0400390625,dimension:"0 - 10",ticketsChange:-492,revenueChange:-85733.80004882812},{soldTickets:38,soldRevenue:3162.1099700927734,playedOffTickets:476,playedOffRevenue:92432.79023742676,dimension:"100 - 200",ticketsChange:-438,revenueChange:-89270.68026733398},{soldTickets:37,soldRevenue:3233,playedOffTickets:590,playedOffRevenue:97645.46026611328,dimension:"50 - 100",ticketsChange:-553,revenueChange:-94412.46026611328}]; data = data.sort( (a, b) => (a.dimension.match(/\d+/)[0] | 0) - (b.dimension.match(/\d+/)[0] | 0) ); console.log(data)

附言。 val | 0 val | 0 ，只是將字符串轉換為數字的一種快速方法，類似於Number(val) ， parseInt(val, 10) ，如果我們不轉換為數字，你會得到200小於30等等。