在实际开发中,有一种需求是当前台获取后台传过来的json数据时,比如,需要按照json数据中查询的某个属性(某个字段)进行排序,好比,我需要显示某个事项要按照第1阶段、第2阶段等等以此类推的显示。我的json中查询到数据对应的阶段和阶段内容,那么如果我不进行任何处理,那么显示的时候,遍历josn数据显示,数据显示出来就不能按照顺序进行显示,所以我们必须对json数据进行一个排序后再进行输出。其中,js中自带的sort()方法可以对js数组进行排序。但它的排序是按照字符编码排序的,所以一般我们排序都是按照json中的某个数字类型的字段进行排序。所以我们需要重写sort函数。
1、根据字符串字段进行排序:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
/*
* @description 根据某个字段实现对json数组的排序
* @param array 要排序的json数组对象
* @param field 排序字段(此参数必须为字符串)
* @param reverse 是否倒序(默认为false)
* @return array 返回排序后的json数组
*/
function
jsonSort(array, field, reverse) {
//数组长度小于2 或 没有指定排序字段 或 不是json格式数据
if
(array.length < 2 || !field ||
typeof
array[0] !==
"object"
)
return
array;
//数字类型排序
if
(
typeof
array[0][field] ===
"number"
) {
array.sort(
function
(x, y) {
return
x[field] - y[field]});
}
//字符串类型排序
if
(
typeof
array[0][field] ===
"string"
) {
array.sort(
function
(x, y) {
return
x[field].localeCompare(y[field])});
}
//倒序
if
(reverse) {
array.reverse();
}
return
array;
}
|
2、json对象数组按对象属性(数字类型)排序
遍历将json对象,将其中的每个对象push到一个js数组对象中。
var
array = [
{name:
'a'
, phone: 1},
{name:
'b'
, phone: 5},
{name:
'd'
, phone: 3},
{name:
'c'
, phone: 4}
]
array.sort(getSortFun(
'desc'
,
'phone'
));
function
getSortFun(order, sortBy) {
var
ordAlpah = (order ==
'asc'
) ?
'>'
:
'<'
;
var
sortFun =
new
Function(
'a'
,
'b'
,
'return a.'
+ sortBy + ordAlpah +
'b.'
+ sortBy +
'?1:-1'
);
return
sortFun;
}
alert(JSON.stringify(array));