您好,登錄后才能下訂單哦!
本文實例講述了jQuery實現使用sort方法對json數據排序的方法。分享給大家供大家參考,具體如下:
如何對后臺返回過來的json數據按照數據中的某一項進行排序呢。
首先看一下排序前的json數據:
{ "result":[ { "cid":1, "name":"aaa", "price":1000 },{ "cid":2, "name":"bbb", "price":150 },{ "cid":3, "name":"ccc", "price":200 },{ "cid":4, "name":"ddd", "price":1500 },{ "cid":5, "name":"eee", "price":1100 } ], "totalCount":5 }
接下來,按照json中的price進行排序并打印到控制臺:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <script type="text/javascript"> //利用jquery中的get方法獲取json數據 $.get("exp.json","",function(data){ var newdata=data.result //根據價格(price)排序 function sortprice(a,b){ return a.price-b.price } //利用js中的sort方法 newdata.sort(sortprice); //打印排序后的數據到控制臺 console.log(newdata); }) </script> </body> </html>
這樣就完成了按照price對json數據的排序,在控制臺查看排序結果如下:
排序完成
PS:關于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:
在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉換工具:
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉義工具:
http://tools.jb51.net/code/json_yasuo_trans
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery操作json數據技巧匯總》、《jquery中Ajax用法總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。