Posted in jQuery onApril 17, 2018
本文实例讲述了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数据的排序,在控制台查看排序结果如下:
排序完成
jQuery实现使用sort方法对json数据排序的方法
- Author -
包子源声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@