在 JavaScript 中对自定义对象的数组进行排序

Sorting array of custom objects in JavaScript

本文关键字：数组 排序 对象 JavaScript 自定义      更新时间：2023-09-26

假设我有一个员工对象数组：

var Employee = function(fname, age) {
    this.fname = fname;
    this.age = age;
}
var employees = [
    new Employee("Jack", "32"),
    new Employee("Dave", "31"),
    new Employee("Rick", "35"),
    new Employee("Anna", "33")
];


此时，employees.sort()没有任何意义，因为解释器不知道如何对这些自定义对象进行排序。所以我传入了我的自定义排序函数。

employees.sort(function(employee1, employee2){
    return employee1.age > employee2.age;
});


现在employees.sort()工作花花公子。

但是，如果我还想控制要排序的字段，并在运行时以某种方式传入它，该怎么办？我可以做这样的事情吗？

employees.sort(function(employee1, employee2, on){
    if(on === 'age') {
        return employee1.age > employee2.age;
    }
    return employee1.fname > employee2.fname;
});

我无法让它工作，所以建议？也许是基于设计模式的重构？

function getSortFunction(fieldName) {
    return function(employee1, employee2) {
        return employee1[fieldName] > employee2[fieldName];
    }
}
employees.sort(getSortFunction("myField"));

另一种解决方案是使用Function.prototype.bind，如果你不害怕它:)

function mySorter(fieldName, employee1, employee2) {
    return employee1[fieldName] > employee2[fieldName];
}
employees.sort(mySorter.bind(null, "myField"));

您可以使用出色的库下划线.js'sortBy 方法。

例如：

var arr = [
    { name:"a", age:100 },  
    { name:"b", age:90 },
    { name:"c", age:80 },
    { name:"d", age:70 }
];
var sorted = _.sortBy(arr, "age");
console.log( sorted );

或者在您的情况下：

_.sortBy(employees, "age");

我为数组提供了自己的sortBy方法，该方法允许您使用施瓦茨变换指定任意数量的字段进行排序：

例 1

var a=[ {c:"GK",age:37}, {c:"ZK",age:13}, {c:"TK",age:14}, {c:"AK",age:13} ];
a.sortBy( function(){ return this.age } );                                   
// [ {c:"ZK",age:13}, {c:"AK",age:13}, {c:"TK",age:14}, {c:"GK",age:37} ] 
a.sortBy( function(){ return [this.age,this.c] } );                          
// [ {c:"AK",age:13}, {c:"ZK",age:13}, {c:"TK",age:14}, {c:"GK",age:37} ] 
a.sortBy( function(){ return -this.age } );                                  
// [ {c:"GK",age:37}, {c:"TK",age:14}, {c:"ZK",age:13}, {c:"AK",age:13} ]

示例 2：

var n=[ 1, 99, 15, "2", "100", 3, 34, "foo", "bar" ];                        
n.sort();                                                                    
// [ 1, "100", 15, "2", 3, 34, 99, "bar", "foo" ]                         
n.sortBy( function(){ return this*1 } );                                     
// [ "foo", "bar", 1, "2", 3, 15, 34, 99, "100" ]                         
n.sortBy( function(o){ return [typeof o,this] } );                           
// [1, 3, 15, 34, 99, "100", "2", "bar", "foo"]                           
n.sortBy(function(o){ return [typeof o, typeof o=="string" ? o.length : o] })
// [1, 3, 15, 34, 99, "2", "100", "bar", "foo"]

《守则》

(function(){
  // This code is copyright 2012 by Gavin Kistner, !@phrogz.net
  // License: http://phrogz.net/JS/_ReuseLicense.txt
  if (typeof Object.defineProperty === 'function'){
    try{Object.defineProperty(Array.prototype,'sortBy',{value:sb}); }catch(e){}
  }
  if (!Array.prototype.sortBy) Array.prototype.sortBy = sb;
  function sb(f){
    for (var i=this.length;i;){
      var o = this[--i];
      this[i] = [].concat(f.call(o,o,i),o);
    }
    this.sort(function(a,b){
      for (var i=0,len=a.length;i<len;++i){
        if (a[i]!=b[i]) return a[i]<b[i]?-1:1;
      }
      return 0;
    });
    for (var i=this.length;i;){
      this[--i]=this[i][this[i].length-1];
    }
    return this;
  }
})();
相关文章：