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随便控制任意div隐藏的方法
Jun 28 Javascript
js模拟hashtable的简单实例
Mar 06 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
jQuery实现固定在网页顶部的菜单效果代码
Sep 02 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
javascript数据结构中栈的应用之符号平衡问题
Apr 11 Javascript
Vue单文件组件的如何使用方式介绍
Jul 28 Javascript
React如何避免重渲染
Apr 10 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
Vue中computed、methods与watch的区别总结
Apr 10 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
QT与javascript交互数据的实现
May 26 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 curl基本操作详解
2013/07/23 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
$()JS小技巧
2007/07/21 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
2012/01/15 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
JS实现刷新父页面不弹出提示框的方法
2016/06/22 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
使用python绘制人人网好友关系图示例
2014/04/01 Python
Python编程中time模块的一些关键用法解析
2016/01/19 Python
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
python xml.etree.ElementTree遍历xml所有节点实例详解
2016/12/04 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
python2.7实现爬虫网页数据
2018/05/25 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
Sam’s Club山姆会员商店:沃尔玛旗下高端会员制商店
2017/01/16 全球购物
Sunglasses Shop丹麦:欧洲第一的太阳镜在线销售网站
2017/10/22 全球购物
大学毕业生的自我鉴定
2013/11/30 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
优秀班主任材料
2014/12/16 职场文书
博士给导师的自荐信
2015/03/06 职场文书
2014年底个人工作总结
2015/03/10 职场文书
2015年中秋节演讲稿
2015/03/20 职场文书
关于PHP数组迭代器的使用方法实例
2021/11/17 PHP