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 相关文章推荐
JSChart轻量级图形报表工具(内置函数中文参考)
Oct 11 Javascript
Jquery Change与bind事件代码
Sep 29 Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
node.js遍历目录的方法示例
Aug 01 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 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
我的论坛源代码(六)
2006/10/09 PHP
深入理解php的MySQL连接类
2013/06/07 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
php输出xml属性的方法
2015/03/19 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
通过ifame指向的页面高度调整iframe的高度
2006/10/05 Javascript
ext 同步和异步示例代码
2009/09/18 Javascript
jquery select选中的一个小问题
2009/10/11 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
jquery validate和jquery form 插件组合实现验证表单后AJAX提交
2015/08/26 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
JavaScript解析任意形式的json树型结构展示
2017/07/23 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
浅谈Redux中间件的实践
2018/07/27 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
2019/08/12 Javascript
Python单链表的简单实现方法
2014/09/23 Python
python删除过期文件的方法
2015/05/29 Python
Python中扩展包的安装方法详解
2017/06/14 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
Python实现定时自动关闭的tkinter窗口方法
2019/02/16 Python
pandas计数 value_counts()的使用
2019/06/24 Python
python读取raw binary图片并提取统计信息的实例
2020/01/09 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
介绍一下write命令
2012/09/24 面试题
大学三年计划书范文
2014/04/30 职场文书
人事主管岗位职责说明书
2014/07/30 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
python实现自动化群控的步骤
2021/04/11 Python
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js