快捷導(dǎo)航

jQuery實(shí)現(xiàn)使用sort方法對(duì)json數(shù)據(jù)排序的方法

更新時(shí)間：2018年04月17日 11:33:22 作者：包子源

這篇文章主要介紹了jQuery實(shí)現(xiàn)使用sort方法對(duì)json數(shù)據(jù)排序的方法,涉及jQuery基于ajax針對(duì)json格式文件數(shù)據(jù)的動(dòng)態(tài)載入與排序相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)使用sort方法對(duì)json數(shù)據(jù)排序的方法。分享給大家供大家參考，具體如下：

如何對(duì)后臺(tái)返回過來的json數(shù)據(jù)按照數(shù)據(jù)中的某一項(xiàng)進(jìn)行排序呢。

首先看一下排序前的json數(shù)據(jù)：

{
  "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進(jìn)行排序并打印到控制臺(tái)：

<!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數(shù)據(jù)
      $.get("exp.json","",function(data){
        var newdata=data.result
        //根據(jù)價(jià)格（price）排序
        function sortprice(a,b){
          return a.price-b.price
        }
        //利用js中的sort方法
        newdata.sort(sortprice);
        //打印排序后的數(shù)據(jù)到控制臺(tái)
        console.log(newdata);
      })
    </script>
  </body>
</html>

這樣就完成了按照price對(duì)json數(shù)據(jù)的排序，在控制臺(tái)查看排序結(jié)果如下：