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插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
jQuery实现全选、反选和不选功能
Aug 16 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jQuery选择器之子元素选择器详解
Sep 18 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
jQuery实现倒计时功能完整示例
Jun 01 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
这部好评如潮的动漫 知名梗频出 但是画风劝退很多人
2020/03/08 日漫
php小经验:解析preg_match与preg_match_all 函数
2013/06/29 PHP
php中chdir()函数用法实例
2014/11/13 PHP
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
Yii2框架dropDownList下拉菜单用法实例分析
2016/07/18 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
使用JS 清空File控件的路径值
2013/07/08 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
2016/11/24 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
react中Suspense的使用详解
2019/09/01 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
2020/10/29 Javascript
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
详解字典树Trie结构及其Python代码实现
2016/06/03 Python
Python可变参数用法实例分析
2017/04/02 Python
python PIL/cv2/base64相互转换实例
2020/01/09 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
python 提高开发效率的5个小技巧
2020/10/19 Python
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
中软国际Java程序员机试题
2012/08/19 面试题
应届大学生的推荐信
2013/11/20 职场文书
小学生成长感言
2014/01/30 职场文书
如何写好建议书
2014/03/13 职场文书
开业主持词
2014/03/21 职场文书
活动总结格式范文
2014/04/26 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书
团组织推优材料
2014/12/29 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书
浅谈Python项目的服务器部署
2021/04/25 Python
什么是动态刷新率DRR? Windows11动态刷新率功能介绍
2021/11/21 数码科技
三星 3nm 芯片将于第二季度开始量产
2022/04/29 数码科技