Heim > Artikel > Web-Frontend > So sortieren Sie Sohndaten

So sortieren Sie Sohndaten

php中世界最好的语言Original: 2018-06-08 10:34:351615Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie Sohndaten sortieren und welche Vorsichtsmaßnahmen beim Sortieren von Sohndaten gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

So sortieren Sie die vom Hintergrund zurückgegebenen JSON-Daten nach einem bestimmten Element in den Daten.

Schauen Sie sich vor dem Sortieren zunächst die JSON-Daten an:

{
  "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
}

Als nächstes sortieren Sie nach dem Preis in JSON und geben Sie ihn auf der Konsole aus:

<!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>

Dies geschieht wie folgt Um JSON-Daten nach Preis zu sortieren, überprüfen Sie die Sortierergebnisse in der Konsole wie folgt:

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben Informationen, bitte achten Sie auf andere chinesische PHP-Websites Verwandte Artikel!

Empfohlene Lektüre:

So richten Sie einen Reverse-Proxy mit Webpack ein

Operation Angularjs Cross-Domain-Whitelist-Einstellung

Das obige ist der detaillierte Inhalt vonSo sortieren Sie Sohndaten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie den Website-Builder VuePressNächster Artikel：So verwenden Sie den Website-Builder VuePress

In Verbindung stehende Artikel

Mehr sehen