> 웹 프론트엔드 > JS 튜토리얼 > JSON 데이터를 정렬하는 방법

JSON 데이터를 정렬하는 방법

php中世界最好的语言
풀어 주다: 2018-04-28 11:26:18
원래의
2284명이 탐색했습니다.

이번에는 sort를 사용하여 json 데이터를 정렬하는 방법을 보여드리겠습니다. json 데이터 정렬 시 정렬의 주의사항은 무엇인가요? 다음은 실제 사례입니다.

백그라운드에서 반환된 json 데이터를 데이터의 특정 항목에 따라 정렬하는 방법입니다.

정렬하기 전에 먼저 json 데이터를 살펴보세요:

{
  "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의 가격에 따라 정렬하고 콘솔에 인쇄합니다.

<!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>
로그인 후 복사

이렇게 하면 가격에 따른 json 데이터 정렬이 완료됩니다. 콘솔에서 결과는 다음과 같습니다:

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

VUE는 ElTableColumn을 확장합니다

Vue에서 watch 메소드 사용에 대한 자세한 설명

위 내용은 JSON 데이터를 정렬하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿