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 相关文章推荐
当前页禁止复制粘贴截屏代码小集
Jul 24 Javascript
JavaScript中调用函数的4种方式代码实例
Jul 08 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
深入理解JS addLoadEvent函数
May 20 Javascript
Javascript中this绑定的3种方法与比较
Oct 13 Javascript
angular源码学习第一篇 setupModuleLoader方法
Oct 20 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
Jan 11 Javascript
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 Javascript
微信小程序使用echarts获取数据并生成折线图
Oct 16 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
Vue实现跑马灯样式文字横向滚动
Nov 23 Vue.js
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
PHP教程 变量定义
2009/10/23 PHP
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
php输出金字塔的2种实现方法
2014/12/16 PHP
php通过array_unshift函数添加多个变量到数组前端的方法
2015/03/18 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
深入领悟JavaScript中的面向对象
2013/11/18 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
js中数组的常用方法小结
2016/12/30 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
Vue插件从封装到发布的完整步骤记录
2019/02/28 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
2020/09/22 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场
2018/04/06 DOTA
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
Python从文件中读取数据的方法讲解
2019/02/14 Python
python cumsum函数的具体使用
2019/07/29 Python
djano一对一、多对多、分页实例代码
2019/08/16 Python
windows下Python安装、使用教程和Notepad++的使用教程
2019/10/06 Python
Python接口开发实现步骤详解
2020/04/26 Python
Yves Rocher伊夫·黎雪美国官网:法国始创植物美肌1959
2019/01/09 全球购物
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
临床医学专业学生的自我评价分享
2013/11/21 职场文书
工程管理专业个人求职信范文
2013/12/07 职场文书
五年后的职业生涯规划
2014/03/04 职场文书
幼儿园植树节活动总结
2014/07/04 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
Python import模块的缓存问题解决方案
2021/06/02 Python
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技