JavaScript

超轻量级php框架startmvc

jQuery实现使用sort方法对json数据排序的方法

更新时间:2020-07-06 05:54:01 作者:startmvc
本文实例讲述了jQuery实现使用sort方法对json数据排序的方法。分享给大家供大家参考,具体

本文实例讲述了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 sort json 排序