下划线.js

使用Undercore.js]。它很小，非常棒。。。

sortBy_.sortBy（列表，迭代器，[context]）返回列表，按运行每个值的结果升序排列通过迭代器。迭代器也可以是属性的字符串名称按（例如长度）排序。

var objs = [
  { first_nom: 'Lazslo',last_nom: 'Jamf' },
  { first_nom: 'Pig', last_nom: 'Bodine'  },
  { first_nom: 'Pirate', last_nom: 'Prentice' }
];

var sortedObjs = _.sortBy(objs, 'first_nom');

使用Lodash或Undercore.js，这是小菜一碟：

const sortedList = _.orderBy(objs, [last_nom], [asc]); // Ascending or descending

排序（更多）复杂的对象阵列

由于您可能会遇到类似于此阵列的更复杂的数据结构，因此我将扩展解决方案。

TL；博士

是基于@ege-Özcan非常可爱的答案的更可插拔版本。

问题

我遇到了下面的问题，无法更改它。我也不想暂时压平对象。我也不想使用下划线/lodash，主要是出于性能原因和自己实现它的乐趣。

var People = [
   {Name: {name: "Name", surname: "Surname"}, Middlename: "JJ"},
   {Name: {name: "AAA", surname: "ZZZ"}, Middlename:"Abrams"},
   {Name: {name: "Name", surname: "AAA"}, Middlename: "Wars"}
];

Goal

目标是主要按People.Name.Name排序，其次按People.Name.surname排序

障碍

现在，在基本解决方案中，使用括号表示法来计算要动态排序的财产。不过，在这里，我们还必须动态地构造括号表示法，因为您可能会期望像People['Name.Name']这样的符号会起作用，但这不起作用。

另一方面，简单地做人物['Name']['Name']是静态的，只允许你进入第n层。

解决方案

这里的主要添加是遍历对象树并确定最后一个叶以及任何中间叶的值。

var People = [
   {Name: {name: "Name", surname: "Surname"}, Middlename: "JJ"},
   {Name: {name: "AAA", surname: "ZZZ"}, Middlename:"Abrams"},
   {Name: {name: "Name", surname: "AAA"}, Middlename: "Wars"}
];

People.sort(dynamicMultiSort(['Name','name'], ['Name', '-surname']));
// Results in...
// [ { Name: { name: 'AAA', surname: 'ZZZ' }, Middlename: 'Abrams' },
//   { Name: { name: 'Name', surname: 'Surname' }, Middlename: 'JJ' },
//   { Name: { name: 'Name', surname: 'AAA' }, Middlename: 'Wars' } ]

// same logic as above, but strong deviation for dynamic properties 
function dynamicSort(properties) {
  var sortOrder = 1;
  // determine sort order by checking sign of last element of array
  if(properties[properties.length - 1][0] === "-") {
    sortOrder = -1;
    // Chop off sign
    properties[properties.length - 1] = properties[properties.length - 1].substr(1);
  }
  return function (a,b) {
    propertyOfA = recurseObjProp(a, properties)
    propertyOfB = recurseObjProp(b, properties)
    var result = (propertyOfA < propertyOfB) ? -1 : (propertyOfA > propertyOfB) ? 1 : 0;
    return result * sortOrder;
  };
}

/**
 * Takes an object and recurses down the tree to a target leaf and returns it value
 * @param  {Object} root - Object to be traversed.
 * @param  {Array} leafs - Array of downwards traversal. To access the value: {parent:{ child: 'value'}} -> ['parent','child']
 * @param  {Number} index - Must not be set, since it is implicit.
 * @return {String|Number}       The property, which is to be compared by sort.
 */
function recurseObjProp(root, leafs, index) {
  index ? index : index = 0
  var upper = root
  // walk down one level
  lower = upper[leafs[index]]
  // Check if last leaf has been hit by having gone one step too far.
  // If so, return result from last step.
  if (!lower) {
    return upper
  }
  // Else: recurse!
  index++
  // HINT: Bug was here, for not explicitly returning function
  // https://stackoverflow.com/a/17528613/3580261
  return recurseObjProp(lower, leafs, index)
}

/**
 * Multi-sort your array by a set of properties
 * @param {...Array} Arrays to access values in the form of: {parent:{ child: 'value'}} -> ['parent','child']
 * @return {Number} Number - number for sort algorithm
 */
function dynamicMultiSort() {
  var args = Array.prototype.slice.call(arguments); // slight deviation to base

  return function (a, b) {
    var i = 0, result = 0, numberOfProperties = args.length;
    // REVIEW: slightly verbose; maybe no way around because of `.sort`-'s nature
    // Consider: `.forEach()`
    while(result === 0 && i < numberOfProperties) {
      result = dynamicSort(args[i])(a, b);
      i++;
    }
    return result;
  }
}

实例

JSBin的工作示例

这将按照按字母数字顺序传递给它的属性对两级嵌套数组进行排序。

function sortArrayObjectsByPropAlphaNum(property) {
    return function (a,b) {
        var reA = /[^a-zA-Z]/g;
        var reN = /[^0-9]/g;
        var aA = a[property].replace(reA, '');
        var bA = b[property].replace(reA, '');

        if(aA === bA) {
            var aN = parseInt(a[property].replace(reN, ''), 10);
            var bN = parseInt(b[property].replace(reN, ''), 10);
            return aN === bN ? 0 : aN > bN ? 1 : -1;
        } else {
            return a[property] > b[property] ? 1 : -1;
        }
    };
}

用法：

objs.sort(utils.sortArrayObjectsByPropAlphaNum('last_nom'));

将Ege的动态解决方案与Vinay的想法相结合，您可以得到一个很好的鲁棒解决方案：

Array.prototype.sortBy=函数（）{函数_sortByAttr（属性）{var sortOrder=1；如果（属性[0]==“-”）{sortOrder=-1；attr=attr.substr（1）；}返回函数（a，b）{var结果=（a[attr]<b[attr]）-1：（a[attr]>b[attr]）？1 : 0;返回结果*sortOrder；}}函数_getSortFunc（）{if（arguments.length==0）{throw“Array.sortBy（）不允许零长度参数”；}var args=参数；返回函数（a，b）{for（var result=0，i=0；result==0&&i<args.length；i++）{result=_sortByAttr（args[i]）（a，b）；}返回结果；}}返回this.sort（_getSortFunc.apply（null，arguments））；}用法：//用于打印对象的实用程序Array.prototype.print=函数（标题）{console.log（“************************************************************”）；console.log（“***”+标题）；console.log（“************************************************************”）；对于（var i=0；i<this.length；i++）{console.log（“名称：”+此[i].FirstName，此[i].LastName，“年龄：”+该[i].Age）；}}//设置示例数据变量arrObj=[{名字：“Zach”，姓氏：“Emergency”，年龄：35岁},{名字：“Nancy”，姓氏：“护士”，年龄：27岁},{名字：“Ethel”，姓氏：“Emergency”，年龄：42岁},{名字：“Nina”，姓氏：“护士”，年龄：48岁},{名字：“Anthony”，姓氏：“Emergency”，年龄：44岁},{名字：“Nina”，姓氏：“护士”，年龄：32岁},{名字：“Ed”，姓氏：“Emergency”，年龄：28岁},{名字：“Peter”，姓氏：“医生”，年龄：58岁},{名字：“Al”，姓氏：“Emergency”，年龄：51岁},{名字：“Ruth”，姓氏：“注册”，年龄：62岁},{名字：“Ed”，姓氏：“Emergency”，年龄：38岁},{名字：“Tammy”，姓氏：“Triage”，年龄：29岁},{名字：“Alan”，姓氏：“Emergency”，年龄：60岁},{名字：“Nina”，姓氏：“护士”，年龄：54岁}];//单元测试arrObj.sortBy（“姓氏”）.print（“姓氏升序”）；arrObj.sortBy（“-姓氏”）.print（“姓氏降序”）；arrObj.sortBy（“姓氏”、“名字”、“年龄”）.print（“姓氏升序、名字升序、年龄降序”）；arrObj.sortBy（“-FirstName”，“Age”）.print（“FirstName降序，Age升序”）；arrObj.sortBy（“-Age”）.print（“Age Descending”）；

如果你有重复的姓氏，你可以按名字排序-

obj.sort(function(a,b){
  if(a.last_nom< b.last_nom) return -1;
  if(a.last_nom >b.last_nom) return 1;
  if(a.first_nom< b.first_nom) return -1;
  if(a.first_nom >b.first_nom) return 1;
  return 0;
});