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 12 jQuery
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
jQuery 操作 HTML 元素和属性的方法
Nov 12 jQuery
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
jQuery实现鼠标拖动图片功能
Mar 04 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
怎么样可以把 phpinfo()屏蔽掉?
2006/11/24 PHP
php获取服务器信息的实现代码
2013/02/04 PHP
php实现对象克隆的方法
2015/06/20 PHP
PHP学习记录之数组函数
2018/06/01 PHP
JS 常用校验函数
2009/03/26 Javascript
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
JS date对象的减法处理实现代码
2010/12/28 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
JQuery打造省市下拉框联动效果
2014/05/18 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
详解mpvue scroll-view自动回弹bug解决方案
2018/10/01 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
2019/08/07 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
微信小程序如何加载数据库真实数据的实现
2020/03/04 Javascript
简单介绍Python中的struct模块
2015/04/28 Python
python获取list下标及其值的简单方法
2016/09/12 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
python GUI库图形界面开发之PyQt5滚动条控件QScrollBar详细使用方法与实例
2020/03/06 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
阿联酋电子产品购物网站:Menakart
2017/09/15 全球购物
Volcom英国官方商店:美国殿堂级滑板、冲浪、滑雪服装品牌
2019/03/13 全球购物
大学生自我评价怎样写好
2013/10/23 职场文书
最美家庭活动方案
2014/08/31 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
实训报告范文大全
2014/11/04 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python