如果您有嵌套对象

const objs = [{
        first_nom: 'Lazslo',
        last_nom: 'Jamf',
        moreDetails: {
            age: 20
        }
    }, {
        first_nom: 'Pig',
        last_nom: 'Bodine',
        moreDetails: {
            age: 21
        }
    }, {
        first_nom: 'Pirate',
        last_nom: 'Prentice',
        moreDetails: {
            age: 22
        }
    }];

nestedSort = (prop1, prop2 = null, direction = 'asc') => (e1, e2) => {
        const a = prop2 ? e1[prop1][prop2] : e1[prop1],
            b = prop2 ? e2[prop1][prop2] : e2[prop1],
            sortOrder = direction === "asc" ? 1 : -1
        return (a < b) ? -sortOrder : (a > b) ? sortOrder : 0;
    }

并称之为

objs.sort(nestedSort("last_nom"));
objs.sort(nestedSort("last_nom", null, "desc"));
objs.sort(nestedSort("moreDetails", "age"));
objs.sort(nestedSort("moreDetails", "age", "desc"));

这里有很多好的答案，但我想指出，它们可以非常简单地扩展，以实现更复杂的排序。您必须做的唯一一件事就是使用OR运算符来链接比较函数，如下所示：

objs.sort((a,b)=> fn1(a,b) || fn2(a,b) || fn3(a,b) )

其中fn1，fn2。。。是返回[-1,0,1]的排序函数。这导致“按fn1排序”和“按fn2排序”，这在SQL中相当于ORDERBY。

此解决方案基于||运算符的行为，该运算符的求值结果为第一个可转换为true的求值表达式。

最简单的表单只有一个这样的内联函数：

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

使用last_nom和first_nom排序顺序有两个步骤，如下所示：

// ORDER_BY last_nom, first_nom
objs.sort((a,b)=> a.last_nom.localeCompare(b.last_nom) ||
                  a.first_nom.localeCompare(b.first_nom)  )

通用比较函数可以是这样的：

// ORDER BY <n>
let cmp = (a,b,n)=>a[n].localeCompare(b[n])

此函数可以扩展为支持数字字段、区分大小写、任意数据类型等。

您可以通过按排序优先级链接它们来使用它们：

// ORDER_BY last_nom, first_nom
objs.sort((a,b)=> cmp(a,b, "last_nom") || cmp(a,b, "first_nom") )
// ORDER_BY last_nom, first_nom DESC
objs.sort((a,b)=> cmp(a,b, "last_nom") || -cmp(a,b, "first_nom") )
// ORDER_BY last_nom DESC, first_nom DESC
objs.sort((a,b)=> -cmp(a,b, "last_nom") || -cmp(a,b, "first_nom") )

这里的重点是，采用函数方法的纯JavaScript可以在没有外部库或复杂代码的情况下走很长的路。它也非常有效，因为不需要进行字符串解析。

当您需要自然排序（即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

使用原型继承简单快速地解决此问题：

Array.prototype.sortBy = function(p) {
  return this.slice(0).sort(function(a,b) {
    return (a[p] > b[p]) ? 1 : (a[p] < b[p]) ? -1 : 0;
  });
}

示例/用法

objs = [{age:44,name:'vinay'},{age:24,name:'deepak'},{age:74,name:'suresh'}];

objs.sortBy('age');
// Returns
// [{"age":24,"name":"deepak"},{"age":44,"name":"vinay"},{"age":74,"name":"suresh"}]

objs.sortBy('name');
// Returns
// [{"age":24,"name":"deepak"},{"age":74,"name":"suresh"},{"age":44,"name":"vinay"}]

更新：不再修改原始数组。

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

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'));

我还没有看到这种特别的方法，所以这里有一个我喜欢使用的简洁的比较方法，它适用于字符串和数字类型：

常量对象=[{first_nom:'Lazslo'，last_nom:'Jamf'}，{first_nom:'猪'，last_nom:'Bodine'}，｛first_nom:'海盗'，last_nom:'Prentice'｝];常量排序依据=fn=>{常量cmp=（a，b）=>-（a<b）||+（a>b）；return（a，b）=>cmp（fn（a），fn（b））；};const getLastName=o=>o.last_nom；const sortByLastName=sortBy（getLastName）；objs.sort（sortByLastName）；console.log（objs.map（getLastName））；

sortBy（）的解释

sortBy（）接受一个fn，该fn从一个对象中选择一个值用于比较，并返回一个可以传递给Array.prototype.sort（）的函数。在本例中，我们正在比较o.last_nom。每当我们收到两个对象，例如

a = { first_nom: 'Lazslo', last_nom: 'Jamf' }
b = { first_nom: 'Pig', last_nom: 'Bodine' }

我们将它们与（a，b）=>cmp（fn（a），fn（b））进行比较。鉴于此

fn = o => o.last_nom

我们可以将比较函数扩展为（a，b）=>cmp（a.last_nom，b.last_nom）。由于逻辑OR（||）在JavaScript中的工作方式，cmp（a.last_nom、b.last_nom）相当于

if (a.last_nom < b.last_nom) return -1;
if (a.last_nom > b.last_nom) return 1;
return 0;

顺便说一下，这在其他语言中被称为三向比较“宇宙飞船”（<=>）运算符。

最后，这里是不使用箭头函数的ES5兼容语法：

var对象=[{first_nom:'Lazslo'，last_nom:'Jamf'}，{first_nom:'猪'，last_nom:'Bodine'}，｛first_nom:'海盗'，last_nom:'Prentice'｝];函数sortBy（fn）{函数cmp（a，b）{return-（a＜b）| |+（a＞b）；}返回函数（a，b）{return cmp（fn（a），fn（b））；}；}函数getLastName（o）｛return o.last_nom；｝var sortByLastName=sortBy（getLastName）；objs.sort（sortByLastName）；console.log（objs.map（getLastName））；