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 相关文章推荐
js下通过getList函数实现分页效果的代码
Sep 17 Javascript
setTimeout()递归调用不加引号出错的解决方法
Sep 05 Javascript
jQuery+html5实现div弹出层并遮罩背景
Apr 15 Javascript
JSON字符串和对象之间的转换详解
May 26 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
javascript弹出带文字信息的提示框效果
Jul 19 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
Dec 14 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
Feb 16 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
layer.js之回调销毁对话框的例子
Sep 11 Javascript
如何管理Vue中的缓存页面
Feb 06 Vue.js
Vue3中toRef与toRefs的区别
Mar 24 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
windows xp下安装pear
2006/12/02 PHP
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
PHP大小写问题:函数名和类名不区分,变量名区分
2013/06/17 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
php封装的验证码类分享
2017/02/26 PHP
Thinkphp5框架ajax接口实现方法分析
2019/08/28 PHP
Laravel框架表单验证操作实例分析
2019/09/30 PHP
js 浏览器事件介绍
2012/03/30 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
2014/12/16 Javascript
jQuery中before()方法用法实例
2014/12/25 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
jQuery实现的淡入淡出二级菜单效果代码
2015/09/15 Javascript
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
2016/09/02 Javascript
Javascript 引擎工作机制详解
2016/11/30 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
微信小程序多列选择器range-key使用详解
2020/03/30 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
微信小程序防止多次点击跳转(函数节流)
2019/09/19 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
[03:09]DOTA2亚洲邀请赛 LGD战队出场宣传片
2015/02/07 DOTA
Python中http请求方法库汇总
2016/01/06 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
Python爬虫实现vip电影下载的示例代码
2020/04/20 Python
python判断变量是否为列表的方法
2020/09/17 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
CSS3等相关属性制作分页导航实现代码
2012/12/24 HTML / CSS
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
HTML5 Canvas渐进填充与透明实现图像的Mask效果
2013/07/11 HTML / CSS
大学英语演讲稿(中英文对照)
2014/01/14 职场文书
产品发布会策划方案
2014/05/12 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书