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 相关文章推荐
JavaScript 动态创建VML的方法
Oct 14 Javascript
namespace.js Javascript的命名空间库
Oct 11 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
JavaScript中的函数嵌套使用
Jun 04 Javascript
20分钟打造属于你的Bootstrap站点
Jul 27 Javascript
JQuery学习总结【二】
Dec 01 Javascript
Vue.js上传图片到阿里云OSS存储的方法示例
Dec 13 Javascript
利用Vue实现一个markdown编辑器实例代码
May 19 Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 Javascript
前端实现滑动按钮AJAX与后端交互的示例代码
Feb 24 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
Fatal error: session_start(): Failed to initialize storage module: files问题解决方法
2014/05/04 PHP
实例讲解PHP验证邮箱是否合格
2019/01/28 PHP
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
ReactNative页面跳转实例代码
2016/09/27 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
2017/01/19 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
2017/07/03 Javascript
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
python使用pil生成图片验证码的方法
2015/05/08 Python
Python素数检测实例分析
2015/06/15 Python
Python常用算法学习基础教程
2017/04/13 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
对python字典过滤条件的实例详解
2019/01/22 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
TensorFlow车牌识别完整版代码(含车牌数据集)
2019/08/05 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
Python 点击指定位置验证码破解的实现代码
2019/09/11 Python
python创建ArcGIS shape文件的实现
2019/12/06 Python
Python selenium的基本使用方法分析
2019/12/21 Python
Python 调用C++封装的进一步探索交流
2021/03/04 Python
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
外企财务年会演讲稿
2014/01/03 职场文书
写求职信要注意什么问题
2014/04/12 职场文书
幼儿园家长评语大全
2014/04/16 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
党的群众路线教育实践活动个人批评与自我批评
2014/10/16 职场文书
英文道歉信
2015/01/20 职场文书
世界文化遗产导游词
2015/02/13 职场文书
解决goland 导入项目后import里的包报红问题
2021/05/06 Golang