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 相关文章推荐
Juqery Html(),append()等方法的Bug解决方法
Dec 13 Javascript
用dtree实现树形菜单 dtree使用说明
Oct 17 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
JavaScript中数组对象的那些自带方法介绍
Mar 12 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
js阻止默认右键的下拉菜单方法
Jan 02 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 Javascript
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 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下使用SMTP发邮件的代码
2008/01/10 PHP
谷歌音乐搜索栏的提示功能php修正代码
2011/05/09 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
基于PHP读取TXT文件向数据库导入海量数据的方法
2013/04/23 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
javascript css在IE和Firefox中区别分析
2009/02/18 Javascript
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
javascript 文件的同步加载与异步加载实现原理
2012/12/13 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
js实时获取系统当前时间实例代码
2013/06/28 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
微信小程序 删除项目工程实现步骤
2016/11/10 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
React Form组件的实现封装杂谈
2018/05/07 Javascript
vue+axios+mock.js环境搭建的方法步骤
2018/08/28 Javascript
Vue异步组件处理路由组件加载状态的解决方案
2018/09/07 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
Vue实现跑马灯效果
2020/05/25 Javascript
Python中数字以及算数运算符的相关使用
2015/10/12 Python
python基于http下载视频或音频
2018/06/20 Python
python tkinter基本属性详解
2019/09/16 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例
2020/02/27 Python
解决python中显示图片的plt.imshow plt.show()内存泄漏问题
2020/04/24 Python
Python编写memcached启动脚本代码实例
2020/08/14 Python
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
计算机专业大学生的自我评价
2013/11/14 职场文书
大二法英学生职业生涯规划范文
2014/02/27 职场文书
产品质量承诺书范文
2014/03/27 职场文书
个人承诺书怎么写
2014/05/24 职场文书
Django 如何实现文件上传下载
2021/04/08 Python