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

来源：互联网发布：淘宝卖小饰品编辑：程序博客网时间：2024/04/28 20:47

在实际开发中，有一种需求是当前台获取后台传过来的json数据时，比如，需要按照json数据中查询的某个属性(某个字段）进行排序，好比，我需要显示某个事项要按照第1阶段、第2阶段等等以此类推的显示。我的json中查询到数据对应的阶段和阶段内容，那么如果我不进行任何处理，那么显示的时候，遍历josn数据显示，数据显示出来就不能按照顺序进行显示，所以我们必须对json数据进行一个排序后再进行输出。其中，js中自带的sort()方法可以对js数组进行排序。但它的排序是按照字符编码排序的，所以一般我们排序都是按照json中的某个数字类型的字段进行排序。所以我们需要重写sort函数。

1、根据字符串字段进行排序：

/*
     * @description    根据某个字段实现对json数组的排序
     * @param   array  要排序的json数组对象
     * @param   field  排序字段（此参数必须为字符串）
     * @param   reverse 是否倒序（默认为false）
     * @return  array  返回排序后的json数组
    */
    functionjsonSort(array, field, reverse) {
      //数组长度小于2 或 没有指定排序字段 或 不是json格式数据
      if(array.length < 2 || !field ||typeofarray[0] !=="object")returnarray;
      //数字类型排序
      if(typeofarray[0][field] ==="number") {
        array.sort(function(x, y) {returnx[field] - y[field]});
      }
      //字符串类型排序
      if(typeofarray[0][field] ==="string") {
        array.sort(function(x, y) {returnx[field].localeCompare(y[field])});
      }
      //倒序
      if(reverse) {
        array.reverse();
      }
      returnarray;
    }

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) {
  varordAlpah = (order =='asc') ?'>': '<';
  varsortFun =new Function('a','b', 'return a.'+ sortBy + ordAlpah +'b.'+ sortBy + '?1:-1');
  returnsortFun;
}
alert(JSON.stringify(array));

阅读全文

0 0