使用js数组sort比较函数,实现按照对象的某个属性对数组进行排序

在有些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);

是不是很简单哦!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值