Jquery中怎样对json数据按照数据中的某一项进行排序呢,现在我们来看一下讲解
01 | { |
02 | "result" :[ |
03 | { |
04 | "cid" :1, |
05 | "name" : "aaa" , |
06 | "price" :1000 |
07 | },{ |
08 | "cid" :2, |
09 | "name" : "bbb" , |
10 | "price" :150 |
11 | },{ |
12 | "cid" :3, |
13 | "name" : "ccc" , |
14 | "price" :200 |
15 | },{ |
16 | "cid" :4, |
17 | "name" : "ddd" , |
18 | "price" :1500 |
19 | },{ |
20 | "cid" :5, |
21 | "name" : "eee" , |
22 | "price" :1100 |
23 | } |
24 | ], |
25 | "totalCount" :5 |
26 | } |
下面,我们按照Json中的price进行排序并打印到控制台:
01 | <!DOCTYPE html> |
02 | <html> |
03 | <head> |
04 | <meta charset= "UTF-8" > |
05 | <title></title> |
06 | <script src= "http://libs.baidu.com/jquery/2.0.0/jquery.min.js" ></script> |
07 | </head> |
08 | <body> |
09 | <script type= "text/javascript" > |
10 | //利用jquery中的get放大获取json数据 |
11 | $.get( "demo.json" , "" , function (data){ |
12 | var newdata=data.result |
13 | //根据价格(price)排序 |
14 | function sortprice(a,b){ |
15 | return a.price-b.price |
16 | } |
17 | //利用js中的sort方法 |
18 | newdata.sort(sortprice); |
19 | //打印排序后的数据到控制台 |
20 | console.log(newdata); |
21 | }) |
22 | </script> |
23 | </body> |
24 | </html> |
这样就完成了按照price对json数据的排序,很简单吧!!!