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 11 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
jQuery为某个div加入行样式
Jun 09 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
jquery实现直播弹幕效果
Nov 28 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
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
php数据类型判断函数有哪些
2013/09/23 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
PHP的HTTP客户端Guzzle简单使用方法分析
2019/10/30 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
js实现旋转木马效果
2017/03/17 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
Vue中component标签解决项目组件化操作
2020/09/04 Javascript
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
python使用cookie库操保存cookie详解
2014/03/03 Python
跟老齐学Python之关于类的初步认识
2014/10/11 Python
python如何实现excel数据添加到mongodb
2015/07/30 Python
python3.4控制用户输入与输出的方法
2018/10/17 Python
python Web flask 视图内容和模板实现代码
2019/08/23 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
详解Python中第三方库Faker
2020/09/25 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
matplotlib相关系统目录获取方式小结
2021/02/03 Python
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
TOWER London官网:鞋子、靴子、运动鞋等
2019/07/14 全球购物
学校献爱心活动总结
2014/07/08 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
开展党的群众路线教育实践活动个人对照检查材料
2014/11/05 职场文书
助学感谢信范文
2015/01/21 职场文书
创业计划书之面包店
2019/09/12 职场文书
CSS巧用渐变实现高级感背景光动画
2021/12/06 HTML / CSS