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实现前端分页功能
Mar 23 jQuery
关于jQuery库冲突的完美解决办法
May 20 jQuery
jQuery 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
基于jquery实现五星好评
Nov 18 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
jquery实现上传图片功能
Jun 29 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模板之Phpbean的目录结构
2008/01/10 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
php视频拍照上传头像功能实现代码分享
2015/10/08 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
UserData用法总结 lanyu出品
2010/07/01 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
JavaScript表单验证完美代码
2017/03/02 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
React Native 搭建开发环境的方法步骤
2017/10/30 Javascript
jquery获取transform里的值实现方法
2017/12/12 jQuery
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
Python 调用VC++的动态链接库(DLL)
2008/09/06 Python
python使用chardet判断字符串编码的方法
2015/03/13 Python
Python实现方便使用的级联进度信息实例
2015/05/05 Python
python抓取最新博客内容并生成Rss
2015/05/17 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
蹦床仓库:Trampoline Warehouse
2018/12/06 全球购物
高二历史教学反思
2014/01/25 职场文书
给全校老师的建议书
2014/03/13 职场文书
元宵晚会主持词
2014/03/25 职场文书
如何自己动手写SQL执行引擎
2021/06/02 MySQL
详解Java实践之建造者模式
2021/06/18 Java/Android
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js