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将标签元素的高设为屏幕的百分比
Apr 19 jQuery
Jquery获取radio选中的值
May 05 jQuery
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
jQuery Datatables表头不对齐的解决办法
Nov 27 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jQuery表单校验插件validator使用方法详解
Feb 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中接口的应用
2015/08/12 PHP
PHP在线书签系统分享
2016/01/04 PHP
javascript引用对象的方法
2007/01/11 Javascript
JS支持带x身份证号码验证函数
2008/08/10 Javascript
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
理解Javascript_09_Function与Object
2010/10/16 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
2013/02/16 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
c#+jquery实现获取radio和checkbox的值
2020/09/12 Javascript
javascript数据类型验证方法
2015/12/31 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
2019/04/30 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
2019/07/16 Javascript
jQuery中event.target和this的区别详解
2020/08/13 jQuery
python binascii 进制转换实例
2019/06/12 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
Python网络爬虫信息提取mooc代码实例
2020/03/06 Python
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
财务主管岗位职责
2014/02/28 职场文书
预防煤气中毒方案
2014/06/16 职场文书
驾驶员安全责任书
2014/07/22 职场文书
小学运动会演讲稿
2014/08/25 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
机关保密工作承诺书
2015/05/04 职场文书
消防宣传语大全
2015/07/13 职场文书
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技