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.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
jQuery自定义多选下拉框效果
Jun 19 jQuery
jQuery回调方法使用示例
Jun 26 jQuery
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
jquery检测上传文件大小示例
Apr 26 jQuery
jquery实现有过渡效果的tab切换
Jul 17 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 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 裁剪图片成固定大小代码方法
2009/09/09 PHP
php编程实现获取excel文档内容的代码实例
2011/06/28 PHP
PHP中4个加速、缓存扩展的区别和选用建议
2014/03/12 PHP
支持中文和其他编码的php截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
基于jQuery图片平滑连续滚动插件
2009/04/27 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
2015/08/24 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
微信小程序 弹框和模态框实现代码
2017/03/10 Javascript
JS判断时间段的实现代码
2017/06/14 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
多个vue子路由文件自动化合并的方法
2019/09/03 Javascript
js实现的订阅发布者模式简单示例
2020/03/14 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
python开发环境PyScripter中文乱码问题解决方案
2016/09/11 Python
浅谈Python2.6和Python3.0中八进制数字表示的区别
2017/04/28 Python
Python通过Pygame绘制移动的矩形实例代码
2018/01/03 Python
python模拟预测一下新型冠状病毒肺炎的数据
2020/02/01 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
几个CSS3的flex弹性盒模型布局的简单例子演示
2016/05/12 HTML / CSS
琳达·法罗眼镜英国官网:Linda Farrow英国
2021/01/19 全球购物
后勤自我鉴定
2013/10/13 职场文书
二年级评语大全
2014/04/23 职场文书
社区禁毒工作方案
2014/06/02 职场文书
税务干部个人整改措施思想汇报
2014/10/10 职场文书
精神文明建设先进个人事迹材料
2014/12/24 职场文书
单位计划生育责任书
2015/05/09 职场文书
教师外出学习心得体会
2016/01/18 职场文书
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
canvas 中如何实现物体的框选
2022/08/05 Javascript