So sortieren Sie Sohndaten-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

So sortieren Sie Sohndaten

Jun 08, 2018 am 10:34 AM

jquery json sort 排序

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
}

Nach dem Login kopieren

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

&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script src=&quot;http://libs.baidu.com/jquery/2.0.0/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
      //利用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);
      })
    &lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

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!

Erklärung dieser Website

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