基于JavaScript实现Json数据根据某个字段(json中的某个属性)进行排序

在实际开发中,有一种需求是当前台获取后台传过来的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));



你可能感兴趣的:(js,web编程)