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把获取到的input值转换成json
May 15 jQuery
jquery网页加载进度条的实现
Jun 01 jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
通过jQuery学习js类型判断的技巧
May 27 jQuery
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
JQuery复选框全选效果如何实现
May 08 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/02/02 PHP
PHP中两个float(浮点数)比较实例分析
2015/09/27 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
jQuery操作input值的各种方法总结
2013/11/21 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
如何判断Javascript对象是否存在的简单实例
2016/05/18 Javascript
nodejs 实现钉钉ISV接入的加密解密方法
2017/01/16 NodeJs
JavaScript中for循环的几种写法与效率总结
2017/02/03 Javascript
jQuery插件zTree实现的多选树效果示例
2017/03/08 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
2017/11/27 Javascript
js中实例与对象的区别讲解
2019/01/21 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
ElementUI radio组件选中小改造
2019/08/12 Javascript
VUE+Element实现增删改查的示例源码
2020/11/23 Vue.js
python读取txt文件并取其某一列数据的示例
2019/02/19 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
Python3如何判断三角形的类型
2020/04/12 Python
基于python实现模拟数据结构模型
2020/06/12 Python
Django配置跨域并开发测试接口
2020/11/04 Python
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
学生会招新策划书
2014/02/14 职场文书
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
幼师自荐信范文
2015/03/06 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP