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

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

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的工作示例

将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”）；

简单答案：

objs.sort((a,b)=>a.last_nom.localeCompare(b.last_nom))

细节：

今天非常简单，您可以将字符串与localeCompare进行比较。正如Mozilla Doc所说：

localeCompare（）方法返回一个数字，指示引用字符串在排序顺序上位于给定字符串之前、之后或与给定字符串相同。

    //example1:
    console.log("aaa".localeCompare("aab")); //-1
    console.log("aaa".localeCompare("aaa")); //0
    console.log("aab".localeCompare("aaa")); //1

    //example2:
    const a = 'réservé'; // with accents, lowercase
    const b = 'RESERVE'; // no accents, uppercase

    console.log(a.localeCompare(b));
    // expected output: 1
    console.log(a.localeCompare(b, 'en', { sensitivity: 'base' }));
    // expected output: 0

有关详细信息，请参阅Mozilla doclocaleCompare：

一个简单的方法：

objs.sort(function(a,b) {
  return b.last_nom.toLowerCase() < a.last_nom.toLowerCase();
});

请注意，“.toLowerCase（）”是防止错误所必需的在比较字符串时。

当您需要自然排序（即1,2,10,111111）时，使用Intl.Collator对特定情况的对象进行排序。

常量文件=[｛name:“1.mp3”，大小：123｝，｛name:“10.mp3”，大小：456｝，｛name:“100.mp3”，大小：789｝，｛name:“11.mp3”，大小：123｝，｛name:“111.mp3”，大小：456｝，｛name:“2.mp3”，大小：789｝，];const naturalCollator=新Intl.Collator（未定义，｛numeric:true，sensitity:'base'｝）；files.sort（（a，b）=>naturalCollator.compare（a.name，b.name））；console.log（文件）；

浏览器支持Intl.Collator

我刚刚增强了EgeÖzcan的动态分类，可以深入物体内部。

如果数据如下所示：

obj = [
    {
        a: { a: 1, b: 2, c: 3 },
        b: { a: 4, b: 5, c: 6 }
    },
    {
        a: { a: 3, b: 2, c: 1 },
        b: { a: 6, b: 5, c: 4 }
}];

如果你想在a.a属性中进行排序，我认为我的增强功能非常有用。我向以下对象添加了新功能：

Object.defineProperty(Object.prototype, 'deepVal', {
    enumerable: false,
    writable: true,
    value: function (propertyChain) {
        var levels = propertyChain.split('.');
        parent = this;
        for (var i = 0; i < levels.length; i++) {
            if (!parent[levels[i]])
                return undefined;
            parent = parent[levels[i]];
        }
        return parent;
    }
});

并更改了_dynamicSort的返回函数：

return function (a, b) {
    var result = ((a.deepVal(property) > b.deepVal(property)) - (a.deepVal(property) < b.deepVal(property)));
    return result * sortOrder;
}

现在你可以这样按a.a.排序：

obj.sortBy('a.a');

在JSFiddle中查看完整的脚本。