如何使用JavaScript方法實現物件陣列排序排名

2019-12-12 00:26:33

在做專案的過程中，我遇到這麼一個問題：返回的結果為一個物件陣列，需要按照某個欄位過濾，然後這個欄位作為key，值對應的也是一個物件陣列，需要將值中的陣列某幾個欄位進行匯總求和，然後按照大小進行排序排名。下面利用一個範例說明如何實現，操作如下：

第一步，雙擊開啟HBuilderX，新建專案SDMN，選擇含有css、js和html模板的，如下圖所示：

第二步，在專案指定目錄下，新建一個靜態頁面，使用HTML5預設模板，如下圖所示：

第三步，在<body></body>插入一個div和button按鈕，並給按鈕指定ID，如下圖所示：

第四步，為了更好使用jquery中的方法，引入jquery核心JavaScript檔案，如下圖所示：

第五步，在<script></script>標籤內，編寫一個按照某個欄位進行歸類的方法，如下圖所示：

第六步，最後編寫按鈕點選事件程式碼，遍歷歸類之後的物件陣列，然後遍歷物件，對指定欄位進行匯總求和，如下圖所示：