在有些Web前端应用中,需要把接口返回的对象数组按照对象的某个属性进行排序,然后再渲染显示。这里就需要用到数组的sort接口。

闲话少叙,我们看代码:

var data  = [{
    name :  "jiang",
    age :  22
  }, {
    name :  "pander",
    age :  21
  }, {
    name :  "krome",
    age :  25
  },
   {
    name :  "Koges",
    age :  20
  },];

要对这个数组进行排序,可以按照age或name属性排序,核心工作是实现一个排序函数:

   function  compare( propertyName) {
     return  function( object1,  object2) {
       var value1  = object1[propertyName];
       var value2  = object2[propertyName];
       if (value2  < value1) {
         return  1;
      }  else  if (value2  > value1) {
         return  - 1;
      }  else {
         return  0;
      }
    }
  }

这是sort接口要求的函数格式,我们照着实现就行了,我们这里对比的是对象的某个属性。 写好后,就可以按照如下方法排序了:

//按age排序
data. sort( compare( "age"));
   console. log(data);
//按name排序
data. sort( compare( "name"));
   console. log(data);

是不是很简单哦!