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 页面载入进度条实现代码
Feb 08 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 Javascript
JavaScript实现的购物车效果可以运用在好多地方
May 09 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
js实现上一页下一页的效果【附代码】
Mar 10 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
Aug 16 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
Feb 09 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
JavaScript中的 new 命令
May 22 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
PHP 中执行系统外部命令
2006/10/09 PHP
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
PHP输出当前进程所有变量/常量/模块/函数/类的示例
2013/11/07 PHP
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
jquery 操作表格实现代码(多种操作打包)
2011/03/20 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
微信小程序 wxapp导航 navigator详解
2016/10/31 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
详解vue-cli开发环境跨域问题解决方案
2017/06/06 Javascript
jQuery接受后台传递的List的实例详解
2017/08/02 jQuery
AngularJS中table表格基本操作示例
2017/10/10 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
2020/08/28 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
python基础教程之lambda表达式使用方法
2014/02/12 Python
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
Python返回真假值(True or False)小技巧
2015/04/10 Python
Python编码类型转换方法详解
2016/07/01 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
详解Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
2019/02/25 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
python 实现目录复制的三种小结
2019/12/04 Python
使用SQLAlchemy操作数据库表过程解析
2020/06/10 Python
介绍下Lucene建立索引的过程
2016/03/02 面试题
高校教师思想汇报
2014/01/11 职场文书
工厂实习感言
2014/01/14 职场文书
电工实训报告总结
2014/11/05 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
个人工作决心书
2015/09/22 职场文书