要对数组进行排序，必须定义一个比较器函数。此函数始终根据您所需的排序模式或顺序（即升序或降序）而不同。

让我们创建一些函数，对数组进行升序或降序排序，并包含对象、字符串或数值。

function sorterAscending(a,b) {
    return a-b;
}

function sorterDescending(a,b) {
    return b-a;
}

function sorterPriceAsc(a,b) {
    return parseInt(a['price']) - parseInt(b['price']);
}

function sorterPriceDes(a,b) {
    return parseInt(b['price']) - parseInt(b['price']);
}

排序数字（按字母顺序和升序）：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();

排序数字（按字母顺序和降序）：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits.reverse();

排序编号（数字和升序）：

var points = [40,100,1,5,25,10];
points.sort(sorterAscending());

排序编号（数字和降序）：

var points = [40,100,1,5,25,10];
points.sort(sorterDescending());

如上所述，将sorterPriceAsc和sorterPriceDes方法用于具有所需键的数组。

homes.sort(sorterPriceAsc()) or homes.sort(sorterPriceDes())

这是《JavaScript:TheGoodParts》一书中优雅实现的一个略微修改版本。

注意：此版本的by是稳定的。它在执行下一个链式排序时保留第一个排序的顺序。

我给它添加了isAscending参数。还将它转换为ES6标准和作者推荐的“更新”好部件。

您可以按多个财产进行升序排序、降序排序和链式排序。

const by=函数（name，minor，isAscending=true）{constreverseMultliplier=isAscending？1 : -1;返回函数（o，p）{设a，b；let结果；if（o&&p&&typeof o==“object”&&typeof p===“object”）{a=o[名称]；b=p[名称]；如果（a===b）{返回minor类型==“函数”？小调（o，p）：0；}if（a的类型==b的类型）{结果=a<b-1 : 1;}其他{结果=a的类型<b的类型-1 : 1;}返回结果*reverseMultilier；}其他{投掷，投掷{name:“错误”，消息：“按+name排序时需要一个对象”};}};};设s=[{first:“乔”，last:“贝瑟”}，{first:“Moe”，last:“Howard”}，{first:“Joe”，last:“DeRita”}，{first:“Shemp”，last:“Howard”}，{first:“Larry”，last:“Fine”}，{第一个：“卷毛”，最后一个：“霍华德”}];//排序方式：第一个升序，最后一个升序s.sort（按（“first”，按（“last”）））；console.log（“排序方式：第一个升序，最后一个升序：”，s）；//"[//{“第一”：“卷毛”，“最后”：“霍华德”}，//{“第一”：“乔”，“最后”：“贝瑟”}<======//{“第一”：“乔”，“最后”：“德丽塔”}<======//{“第一”：“拉里”，“最后”：“好”}，//{“第一”：“莫”，“最后”：“霍华德”}，//{“first”：“Shemp”，“last”：”Howard“}// ]//排序方式：第一个升序，最后一个降序s.sort（按（“first”，按（“last”，0，false）））；console.log（“排序方式：第一个升序，最后一个降序：”，s）；//"[//{“第一”：“卷毛”，“最后”：“霍华德”}，//{“第一”：“乔”，“最后”：“德丽塔”}<========//{“第一”：“乔”，“最后”：“贝瑟”}<========//{“第一”：“拉里”，“最后”：“好”}，//{“第一”：“莫”，“最后”：“霍华德”}，//{“first”：“Shemp”，“last”：”Howard“}// ]

function sortByProperty(home){
    return home.price
}

sortByProperty按价格获取属性。将来，您可能希望按“zip”或字符串值“city”对数据进行排序。您需要在上面的函数中更改home.price

// if you want descending order change this to false
// if you are on react.js you could set this with useState
const ascending=true
// Initially "b" is the index-1 item and "a" is the index-0 item
homes.sort((a,b)=>{
     //initially 0th index
     const first=sortByProperty(a)
     // initially 1st index 
     const second=sortByProperty(b)
     
     // if you multiply by -1 it will be descending 
     const sortOrder=ascending ? 1 : -1
     if (typeof first==="number"){
            return (first-second) * sortOrder
    } else {
           // this will compare the string values
           return (first.localeCompare(second)) * sortOrder
    }
})

价格降序：

homes.sort((x,y) => {return y.price - x.price})

价格升序：

homes.sort((x,y) => {return x.price - y.price})

 function compareValues(key, order = 'asc') {
  return function innerSort(a, b) {
    if (!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) {
      // property doesn't exist on either object
      return 0;
    }

    const varA = (typeof a[key] === 'string')
      ? a[key].toUpperCase() : a[key];
    const varB = (typeof b[key] === 'string')
      ? b[key].toUpperCase() : b[key];

    let comparison = 0;
    if (varA > varB) {
      comparison = 1;
    } else if (varA < varB) {
      comparison = -1;
    }
    return (
      (order === 'desc') ? (comparison * -1) : comparison
    );
  };
}

http://yazilimsozluk.com/sort-array-in-javascript-by-asc-or-desc

我还处理了一些评级和多个字段排序：

arr = [
    {type:'C', note:834},
    {type:'D', note:732},
    {type:'D', note:008},
    {type:'F', note:474},
    {type:'P', note:283},
    {type:'P', note:165},
    {type:'X', note:173},
    {type:'Z', note:239},
];

arr.sort(function(a,b){        
    var _a = ((a.type==='C')?'0':(a.type==='P')?'1':'2');
    _a += (a.type.localeCompare(b.type)===-1)?'0':'1';
    _a += (a.note>b.note)?'1':'0';
    var _b = ((b.type==='C')?'0':(b.type==='P')?'1':'2');
    _b += (b.type.localeCompare(a.type)===-1)?'0':'1';
    _b += (b.note>a.note)?'1':'0';
    return parseInt(_a) - parseInt(_b);
});

后果

[
    {"type":"C","note":834},
    {"type":"P","note":165},
    {"type":"P","note":283},
    {"type":"D","note":8},
    {"type":"D","note":732},
    {"type":"F","note":474},
    {"type":"X","note":173},
    {"type":"Z","note":239}
]