排序是开发中不可避免的,最近遇到一个需求需要将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,如需转载请自行联系原作者