JS sort方法基于数组对象属性值排序

网络编程 2025/1/9 佚名

2 0 1

金狮镖局 Design By www.egabc.com

sort方法接收一个函数作为参数，这里嵌套一层函数用来接收对象属性名，其他部分代码与正常使用sort方法相同.

var arr = [
  {name:'zopp',age:0},
  {name:'gpp',age:18},
  {name:'yjj',age:8}
];

function compare(property){
  return function(a,b){
    var value1 = a[property];
    var value2 = b[property];
    return value1 - value2;
  }
}
console.log(arr.sort(compare('age')))

如何根据参数不同，来确定是升序排列，还是降序排序呢？

/**数组根据数组对象中的某个属性值进行排序的方法 
   * 使用例子：newArray.sort(sortBy('number',false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序
   * @param attr 排序的属性 如number属性
   * @param rev true表示升序排列，false降序排序
   * */
  sortBy: function(attr,rev){
    //第二个参数没有传递 默认升序排列
    if(rev == undefined){
      rev = 1;
    }else{
      rev = (rev) ? 1 : -1;
    }
    
    return function(a,b){
      a = a[attr];
      b = b[attr];
      if(a < b){
        return rev * -1;
      }
      if(a > b){
        return rev * 1;
      }
      return 0;
    }
  }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

JS,sort,数组对象,属性值,排序

标签：

JS,sort,数组对象,属性值,排序

金狮镖局 Design By www.egabc.com

金狮镖局 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

金狮镖局 Design By www.egabc.com

评论“JS sort方法基于数组对象属性值排序”

暂无JS sort方法基于数组对象属性值排序的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年01月09日

JS sort方法基于数组对象属性值排序

JS,sort,数组对象,属性值,排序

基于vue+element实现全局loading过程详解

JavaScript this指向相关原理及实例解析

评论“JS sort方法基于数组对象属性值排序”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接