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使用攻略 第一部
Jul 01 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
js获取多个tagname的节点数组
Sep 22 Javascript
js中对象的声明方式以及数组的一些用法示例
Dec 11 Javascript
IE、FF浏览器下修改标签透明度
Jan 28 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
Jan 05 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
setAttribute 与 class冲突解决
2008/02/17 Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
如何使用HTML5地理位置定位功能
2015/04/27 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
怎么引入(调用)一个JS文件
2016/05/26 Javascript
web 前端常用组件之Layer弹出层组件
2016/09/22 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
微信小程序之绑定点击事件实例详解
2017/07/07 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
2020/08/06 Javascript
Python 连连看连接算法
2008/11/22 Python
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
可能是最全面的 Python 字符串拼接总结【收藏】
2018/07/09 Python
python 检查文件mime类型的方法
2018/12/08 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
python和mysql交互操作实例详解【基于pymysql库】
2019/06/04 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
警察思想汇报
2014/01/04 职场文书
上班睡觉检讨书
2014/01/09 职场文书
借款协议书范本
2014/04/22 职场文书
消防安全宣传口号
2014/06/10 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
文艺节目主持词
2015/07/06 职场文书
教务处干事工作总结
2015/08/14 职场文书
节水宣传标语口号
2015/12/26 职场文书
学法用法心得体会(2016推荐篇)
2016/01/21 职场文书
JS精髓原型链继承及构造函数继承问题纠正
2022/06/16 Javascript