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封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
jQuery 动态粒子效果示例代码
Jul 07 jQuery
jQuery实现可以扩展的日历
Dec 01 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新手上路(十一)
2006/10/09 PHP
php数组函数序列之array_flip() 将数组键名与值对调
2011/11/07 PHP
destoon数据库表说明汇总
2014/07/15 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
用js遍历 table的脚本
2008/07/23 Javascript
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
2013/08/22 Javascript
javascript读写json示例
2014/04/11 Javascript
node.js中的fs.utimesSync方法使用说明
2014/12/15 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
Python的面向对象思想分析
2015/01/14 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
python验证码识别的示例代码
2017/09/21 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
Python绘制组合图的示例
2020/09/18 Python
python pip如何手动安装二进制包
2020/09/30 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
英文版区域经理求职信
2013/10/23 职场文书
五年级英语教学反思
2014/01/31 职场文书
工地门卫岗位职责范本
2014/07/01 职场文书
建设工程授权委托书
2014/09/22 职场文书
岳麓书院导游词
2015/02/03 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
工作简报格式范文
2015/07/21 职场文书
KTV员工管理制度
2015/08/06 职场文书
详解SQL报错盲注
2022/07/23 SQL Server