本文共 1446 字,大约阅读时间需要 4 分钟。
排序是开发中不可避免的,最近遇到一个需求需要将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); |
如果你有更好的方法,欢迎探讨~
本文转自Fly_Elephant博客园博客,原文链接:http://www.cnblogs.com/xiaofeixiang/p/5048600.html,如需转载请自行联系原作者