Heim >Web-Frontend >js-Tutorial >So sortieren Sie JSON-Daten

So sortieren Sie JSON-Daten

php中世界最好的语言
php中世界最好的语言Original
2018-04-28 11:26:182255Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie JSON-Daten mit Sortierung sortieren. Was sind die Vorsichtsmaßnahmen zum Sortieren von JSON-Daten?

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:

VUE erweitert ElTableColumn

Detaillierte Erläuterung der Verwendung der Watch-Methode in Vue

Das obige ist der detaillierte Inhalt vonSo sortieren Sie JSON-Daten. 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