JS實現json對象數組按對象屬性排序操作示例

2019-11-19 13:48:56

字體：大中小

來源：轉載

供稿：網友

本文實例講述了JS實現json對象數組按對象屬性排序操作。分享給大家供大家參考，具體如下：

在實際工作經常會出現這樣一個問題：后臺返回一個數組中有i個json數據，需要我們根據json中某一項進行數組的排序。

例如返回的數據結構大概是這樣：

{  result:[   {id:1,name:'中國銀行'},   {id:3,name:'北京銀行'},   {id:2,name:'河北銀行'},   {id:10,name:'保定銀行'},   {id:7,name:'淶水銀行'}  ]}

現在我們根據業務需要，要根據id的大小進行排序，按照id小的json到id大的json順序重新排列數組的順序

在js中添加排序的方法：

這里使用JavaScript sort() 方法，首先解釋下這個sort的方法

語法：arrayObject.sort(sortby)

sortby：可選，規定排序順序。必須是函數。

如果調用該方法時沒有使用參數，將按字母順序對數組中的元素進行排序，說得更精確點，是按照字符編碼的順序進行排序。要實現這一點，首先應把數組的元素都轉換成字符串（如有必要），以便進行比較。

如果想按照其他標準進行排序，就需要提供比較函數，該函數要比較兩個值，然后返回一個用于說明這兩個值的相對順序的數字。比較函數應該具有兩個參數 a 和 b，其返回值如下：

若 a 小于 b，在排序后的數組中 a 應該出現在 b 之前，則返回一個小于 0 的值。
若 a 等于 b，則返回 0。
若 a 大于 b，則返回一個大于 0 的值。

下面開始使用sort(sortby) 來進行這個排序，并打印到控制臺：

function sortId(a,b){  return a.id-b.id}result.sort(sortId);console.log(result);

完整測試示例代碼：

<!DOCTYPE html><html><head><meta charset="utf-8"><title>www.companysz.com json數組排序</title></head><body><script>var result = [   {id:1,name:'中國銀行'},   {id:3,name:'北京銀行'},   {id:2,name:'河北銀行'},   {id:10,name:'保定銀行'},   {id:7,name:'淶水銀行'}  ]function sortId(a,b){  return a.id-b.id}result.sort(sortId);console.log(result);</script></body></html>

然后查看控制臺，排序成功：