Json按某个键的值进行排序


Posted in Javascript onDecember 22, 2016

下面是js代码:(请将其保存为sortJson.js)

$(document).ready(function () { 
  //对json进行降序排序函数 
  var colId="age" 
  var desc = function(x,y) 
  { 
    return (x[colId] < y[colId]) ? 1 : -1 
  } 
  //对json进行升序排序函数 
  var asc = function(x,y) 
  { 
    return (x[colId] > y[colId]) ? 1 : -1 
  } 
  var arr2 = [ 
    {name:"kitty", age:12}, 
    {name:"sonny", age:9}, 
    {name:"jake", age:13}, 
    {name:"fun", age:24} 
  ]; 
  document.writeln("按age进行升序排序:<br>"); 
  arr2.sort(asc); //升序排序 
  document.writeln(JSON.stringify(arr2)); 
  document.writeln("<br>按age进行降序排序:<br>"); 
  arr2.sort(desc); //降序排序 
  document.writeln(JSON.stringify(arr2)); 
});

下面是html代码:

<!DOCTYPE html> 
<html> 
<head> 
  <title></title> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script> 
  <script type="text/javascript" src="sortJson.js"></script> 
</head> 
<body> 
</body> 
</html>

下面是排序的结果:

Json按某个键的值进行排序

以上所述是小编给大家介绍的Json按某个键的值进行排序,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
Javascript代码实现仿实例化类
Apr 03 Javascript
JavaScript中获取Radio被选中的值
Nov 11 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
Jan 26 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
Mar 06 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
JQuery的加载和选择器用法简单示例
May 13 jQuery
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 Javascript
js实现登录验证码
Dec 22 #Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 #Javascript
JavaScript实现汉字转换为拼音的库文件示例
Dec 22 #Javascript
基于Javascript倒计时效果
Dec 22 #Javascript
JS前端加密算法示例
Dec 22 #Javascript
jQuery手指滑动轮播效果
Dec 22 #Javascript
自动适应iframe右边的高度
Dec 22 #Javascript
You might like
Win下如何安装PHP的APC拓展
2013/08/07 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
js中的push和join方法使用介绍
2013/10/08 Javascript
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
从零学习node.js之详解异步控制工具async(八)
2017/02/27 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
Node.JS利用PhantomJs抓取网页入门教程
2017/05/19 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
2017/09/22 Javascript
基于JavaScript实现表格滚动分页
2017/11/22 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
2018/07/13 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
vue仿ios列表左划删除
2019/09/26 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
2020/01/18 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
Flask框架Flask-Login用法分析
2018/07/23 Python
python模糊图片过滤的方法
2018/12/14 Python
python爬虫爬取微博评论案例详解
2019/03/27 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
荷兰鞋子在线:Nelson Schoenen
2017/12/25 全球购物
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
假日旅行社实习自我鉴定
2013/09/24 职场文书
《王二小》教学反思
2014/02/27 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
大学生实习推荐信
2015/03/27 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析
2021/04/14 Python
Python并发编程实例教程之线程的玩法
2021/06/20 Python