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

發(fā)布時間：2020-09-17 17:25:42 來源：腳本之家閱讀：254 作者：包子源欄目：web開發(fā)

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

如何對后臺返回過來的json數(shù)據(jù)按照數(shù)據(jù)中的某一項進行排序呢。

首先看一下排序前的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進行排序并打印到控制臺：

<!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ù)價格（price）排序
        function sortprice(a,b){
          return a.price-b.price
        }
        //利用js中的sort方法
        newdata.sort(sortprice);
        //打印排序后的數(shù)據(jù)到控制臺
        console.log(newdata);
      })
    </script>
  </body>
</html>

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

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

排序完成

PS：關于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：

在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans

更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery操作json數(shù)據(jù)技巧匯總》、《jquery中Ajax用法總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。

向AI問一下細節(jié)

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

猜你喜歡

最新資訊

相關推薦

相關標簽