基于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));