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 相关文章推荐
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
jquery Form轻松实现文件上传
May 24 jQuery
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 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目录函数实现创建、读取目录教程实例
2011/01/13 PHP
php array的学习笔记
2012/05/16 PHP
PHP最常用的正则表达式
2017/02/13 PHP
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
快速入门Vue
2016/12/19 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
Centos6.8下Node.js安装教程
2017/05/12 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
详解vue项目中调用百度地图API使用方法
2019/04/25 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
Python读取图片EXIF信息类库介绍和使用实例
2014/07/10 Python
使用Python标准库中的wave模块绘制乐谱的简单教程
2015/03/30 Python
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
Python3 处理JSON的实例详解
2017/10/29 Python
pandas DataFrame 根据多列的值做判断,生成新的列值实例
2018/05/18 Python
Python实现银行账户资金交易管理系统
2020/01/03 Python
python实现滑雪游戏
2020/02/22 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
微信营销策划方案
2014/02/24 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
医药销售自荐书
2014/05/29 职场文书
企业宣传口号
2014/06/12 职场文书
驾驶员安全责任书
2014/07/22 职场文书
公司离职证明范本
2014/10/17 职场文书
会计求职信怎么写
2015/03/20 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android