JavaScript-json数组排序
排序是开发中不可避免的,最近遇到一个需求需要将JSON数组排序,需求比较简单,实现起来也没什么难度,简单记录下过程:
首先我们需要明白的JavaScript本身的排序是可以传入函数比较的,数组排序如下:
1 2 3 4 5 | var arr = [25, 2, 32, 12, 72, 51, 65, 97, 60, 20]; function descend(a, b) { return a<b ? 1 : -1; } arr.sort(descend); |
输出结果:
1 | [ 97, 72, 65, 60, 51, 32, 25, 20, 12, 2 ] //博客园-FlyElephant |
JSON数组和数组方法类似,对比如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | var json = [{ name: 'keso' , age: 25 }, { name: '博客园-FlyElephant' , age: 24 }, { name: 'http://www.cnblogs.com/xiaofeixiang/' , age: 22 }]; function ascend(a, b) { return (a.age > b.age) ? 1 : -1; } json.sort(ascend); console.log(json); |
输出结果:
1 2 3 | [ { name: 'http://www.cnblogs.com/xiaofeixiang/' , age: 22 }, { name: '博客园-FlyElephant' , age: 24 }, { name: 'keso' , age: 25 } ] |
如果想更好的封装一下可以写成类的形式,类写法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | function JsonSort(obj, field, sortby) { this .obj = obj; this .field = field; this .sortby = sortby; } JsonSort.prototype.sort= function() { var $ this = this ; var ascend = function(a, b) { return a[$ this .field] > b[$ this .field] ? 1 : -1; }; var descend = function(a, b) { return a[$ this .field] > b[$ this .field] ? -1 : 1; }; if ( this .sortby == "ascend" ) { this .obj.sort(ascend); } else { this .obj.sort(descend); } }; var jsonSort= new JsonSort(json, 'age' , 'ascend' ); jsonSort.sort(); console.log(json); |
如果你有更好的方法,欢迎探讨~
作者:FlyElephant
出处:http://www.cnblogs.com/xiaofeixiang
说明:博客经个人辛苦努力所得,如有转载会特别申明,博客不求技惊四座,但求与有缘人分享个人学习知识,生活学习提高之用,博客所有权归本人和博客园所有,如有转载请在显著位置给出博文链接和作者姓名,否则本人将付诸法律。
出处:http://www.cnblogs.com/xiaofeixiang
说明:博客经个人辛苦努力所得,如有转载会特别申明,博客不求技惊四座,但求与有缘人分享个人学习知识,生活学习提高之用,博客所有权归本人和博客园所有,如有转载请在显著位置给出博文链接和作者姓名,否则本人将付诸法律。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述