按属性值对对象数组排序

我使用AJAX获取了以下对象，并将它们存储在数组中：

var homes = [
    {
        "h_id": "3",
        "city": "Dallas",
        "state": "TX",
        "zip": "75201",
        "price": "162500"
    }, {
        "h_id": "4",
        "city": "Bevery Hills",
        "state": "CA",
        "zip": "90210",
        "price": "319250"
    }, {
        "h_id": "5",
        "city": "New York",
        "state": "NY",
        "zip": "00010",
        "price": "962500"
    }
];

如何创建一个函数，仅使用JavaScript按price属性按升序或降序对对象进行排序？

当前回答

更像LINQ的解决方案：

Array.prototype.orderBy = function (selector, desc = false) {
    return [...this].sort((a, b) => {
        a = selector(a);
        b = selector(b);

        if (a == b) return 0;
        return (desc ? a > b : a < b) ? -1 : 1;
    });
}

优势：

财产的自动补全扩展阵列原型不更改数组易于在方法链中使用

用法：

Array.prototype.orderBy=函数（选择器，desc=false）{return[…this].sort（（a，b）=>{a=选择器（a）；b=选择器（b）；如果（a==b）返回0；返回（desc？a>b:a<b）-1 : 1;});};var家=[{“h_id”：“3”，“城市”：“达拉斯”，“状态”：“TX”，“zip”：“75201”，“价格”：“162500”}, {“h_id”：“4”，“城市”：“贝弗利山”，“状态”：“CA”，“zip”：“90210”，“price”：“319250”}, {“h_id”：“5”，“城市”：“纽约”，“州”：“NY”，“zip”：“00010”，“价格”：“962500”}];let sorted_homes=homes.orderBy（h=>parseFloat（h.price））；console.log（“按价格排序”，sorted_homes）；let sorted_homes_desc=homes.orderBy（h=>h.city，true）；console.log（“按城市降序排序”，sorted_home_desc）；

2021-03-15 10:24:42

其他回答

这是一个更灵活的版本，允许您创建可重用的排序函数，并按任何字段排序。

2009-06-11 04:33:59

更像LINQ的解决方案：

Array.prototype.orderBy = function (selector, desc = false) {
    return [...this].sort((a, b) => {
        a = selector(a);
        b = selector(b);

        if (a == b) return 0;
        return (desc ? a > b : a < b) ? -1 : 1;
    });
}

优势：

财产的自动补全扩展阵列原型不更改数组易于在方法链中使用

用法：

2021-03-15 10:24:42

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

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

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())

2013-12-06 10:10:44

如果不想使用任何sort（）方法，可以使用以下方法

函数sortObj（obj）{设numArr=[]//仅包含价格作为Number的数组让sortedObj=[]；对象映射（（x）=>{numArr.push（数字（x[“价格”]））；});而（numArr.length>0）｛让minIndex=numArr.indexOf（数学最小（…numArr））//obj最便宜的住宅指数numArr.拼接（最小索引，1）；排序对象推送（对象拼接（minIndex，1））；//将最便宜的家庭从Homes Array拼接到sortedObj Array。}console.log（sortedObj）；}var家=[{h_id:“3”，城市：“达拉斯”，状态：“TX”，邮编：“75201”，价格：“162500”，},{h_id:“4”，城市：“贝弗利山”，状态：“CA”，邮编：“90210”，价格：“319250”，},{h_id:“5”，城市：“纽约”，州：“NY”，邮编：“00010”，价格：“962500”，},];sortObj（家）；

2021-10-02 10:01:48

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

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

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

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

2017-02-07 21:39:53

按属性值对对象数组排序

推荐文章

最新文章

标签