使用JavaScript排序方法

排序方法可以修改为使用比较函数对数字、字符串甚至对象数组进行排序。

比较函数作为可选参数传递给排序方法。

此比较函数接受两个参数，通常称为a和b。根据这两个参数可以修改排序方法，使其按需工作。

如果compare函数返回的值小于0，那么sort（）方法将a排序到比b低的索引。如果compare函数返回的值等于0，那么sort（）方法将保持元素位置不变。如果compare函数返回的值大于0，那么sort（）方法会以大于b的索引对a进行排序。

使用上述概念应用于对象，其中a将是对象属性。

var对象=[{first_nom:'Lazslo'，last_nom:'Jamf'}，{first_nom:'猪'，last_nom:'Bodine'}，｛first_nom:'海盗'，last_nom:'Prentice'｝];函数比较（a，b）{如果（a.last_nom>b.last_nom）返回1；如果（a.last_nom<b.last_nom）返回-1；返回0；}objs.sort（比较）；console.log（对象）//要获得更好的外观，请使用console.table（objs）

let propName = 'last_nom';

let sorted_obj = objs.sort((a,b) => {
    if(a[propName] > b[propName]) {
        return 1;
    }
    if (a[propName] < b[propName]) {
        return -1;
    }
    return 0;
}

//This works because the js built-in sort function allows us to define our
//own way of sorting, this funny looking function is simply telling `sort` how to
//determine what is larger. 
//We can use `if(a[propName] > b[propName])` because string comparison is already built into JS
//if you try console.log('a' > 'z' ? 'a' : 'z')
//the output will be 'z' as 'a' is not greater than 'z'
//The return values 0,-1,1 are how we tell JS what to sort on. We're sorting on the last_nom property of the object. 
//When sorting a list it comes down to comparing two items and how to determine which one of them is "larger". 
//We need a way to tell JS how to determine which one is larger. 
//The sort defining function will use the case that returns a 1 to mean that a > b
//and the case that returns -1 to mean that a < b

给定原始示例：

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

按多个字段排序：

objs.sort(function(left, right) {
    var last_nom_order = left.last_nom.localeCompare(right.last_nom);
    var first_nom_order = left.first_nom.localeCompare(right.first_nom);
    return last_nom_order || first_nom_order;
});

笔记

a.localeCompare（b）是普遍支持的，如果a<b，a==b，a>b，则分别返回-1,0,1。||在最后一行中，last_nom优先于first_nom。减法适用于数字字段：var age_order=left.age-right.age；取反顺序，返回-last_nom_order | |-first_nom_oorder | |-age_order；

对对象数组进行排序

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

// Property to sort by
var args = "last_nom";

// Function to sort the data by the given property
function sortByProperty(property) {
    return function (a, b) {
        var sortStatus = 0,
            aProp = a[property].toLowerCase(),
            bProp = b[property].toLowerCase();
        if (aProp < bProp) {
            sortStatus = -1;
        } else if (aProp > bProp) {
            sortStatus = 1;
        }
        return sortStatus;
    };
}

// Implementation
var sortedArray = booksArray.sort(sortByProperty(args));

console.log("sortedArray: " + JSON.stringify(sortedArray) );

控制台日志输出：

"sortedArray: 
[{"first_nom":"Pig","last_nom":"Bodine"},
{"first_nom":"Lazslo","last_nom":"Jamf"},
{"first_nom":"Pirate","last_nom":"Prentice"}]"

基于此来源改编：代码段：如何按属性对JSON对象数组排序

简单答案：

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：

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

常量对象=[{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））；