jQuery实现使用sort方法对json数据排序的方法


Posted in jQuery onApril 17, 2018

本文实例讲述了jQuery实现使用sort方法对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中的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数据
      $.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>

这样就完成了按照price对json数据的排序,在控制台查看排序结果如下:

jQuery实现使用sort方法对json数据排序的方法

排序完成

jQuery 相关文章推荐
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
使用jQuery实现动态添加小广告
Jul 11 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
详解jQuery中的easyui
Sep 02 jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 #jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 #jQuery
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 #jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 #jQuery
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 #jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 #jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 #jQuery
You might like
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
php中动态调用函数的方法
2015/03/16 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
javascript数组拍平方法总结
2018/01/20 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
2019/11/04 Javascript
用Python进行TCP网络编程的教程
2015/04/29 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
Python 闭包的使用方法
2017/09/07 Python
Python实现的本地文件搜索功能示例【测试可用】
2018/05/30 Python
python读取LMDB中图像的方法
2018/07/02 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
Python自动化操作实现图例绘制
2020/07/09 Python
python爬取”顶点小说网“《纯阳剑尊》的示例代码
2020/10/16 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
英国剑桥包官网:The Cambridge Satchel Company
2016/08/01 全球购物
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
幼师自荐信
2013/10/26 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
2015个人半年总结范文
2015/03/09 职场文书
2016年度基层党建工作公开承诺书
2016/03/25 职场文书
详解python中[-1]、[:-1]、[::-1]、[n::-1]使用方法
2021/04/25 Python
Vue+Flask实现图片传输功能
2022/04/01 Vue.js