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中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
jQuery实现的中英文切换功能示例
Jan 11 jQuery
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
jQuery HTML设置内容和属性操作实例分析
May 20 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
BBS(php &amp; mysql)完整版(二)
2006/10/09 PHP
超级好用的一个php上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
php的declare控制符和ticks教程(附示例)
2014/03/21 PHP
学习php设计模式 php实现享元模式(flyweight)
2015/12/07 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
通用javascript脚本函数库 方便开发
2009/10/13 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
node.js 动态执行脚本
2016/06/02 Javascript
js改变style样式和css样式的简单实例
2016/06/28 Javascript
jQuery 实现ajax传入参数含有特殊字符的方法总结
2016/10/17 Javascript
自定义require函数让浏览器按需加载Js文件
2016/11/24 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
JavaScript实现拖拽功能
2020/02/11 Javascript
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
python中的代码编码格式转换问题
2015/06/10 Python
Python中标准库OS的常用方法总结大全
2017/07/19 Python
python基础之入门必看操作
2017/07/26 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
python实现神经网络感知器算法
2017/12/20 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
PyTorch-GPU加速实例
2020/06/23 Python
纽约海:Sea New York
2018/11/04 全球购物
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
Proenza Schouler官方网站:纽约女装和配饰品牌
2019/01/03 全球购物
中国梦演讲稿范文
2014/08/28 职场文书
员工升职自我评价
2019/03/26 职场文书
JavaScript实现简单计时器
2021/06/22 Javascript
Redis Cluster 集群搭建你会吗
2021/08/04 Redis