首页 > web前端 > js教程 > 如何在 JavaScript 中按多个字段对对象数组进行排序?

如何在 JavaScript 中按多个字段对对象数组进行排序?

DDD
发布: 2024-12-17 05:53:24
原创
369 人浏览过

How Can I Sort an Array of Objects by Multiple Fields in JavaScript?

按多个字段对对象数组进行排序

在最初的问题中,按单个字段对对象数组进行排序已得到有效解决。但是,我们如何对多个字段应用排序?

要按多个字段对对象数组进行排序,我们可以使用链式排序方法。这涉及按第一个字段排序,然后,如果值相等,则继续按第二个字段排序。如有必要,可以对更多字段重复此过程。

考虑以下示例,我们要按城市(升序)和价格(降序)对房屋数组进行排序:

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":"6",
     "city":"Dallas",
     "state":"TX",
     "zip":"75000",
     "price":"556699"},
    {"h_id":"5",
     "city":"New York",
     "state":"NY",
     "zip":"00010",
     "price":"962500"}
    ];
登录后复制

要对该数组进行排序,我们可以使用以下 JavaScript 代码:

homes.sort(function (a, b) {
    return a.city.localeCompare(b.city) || b.price - a.price;
});
登录后复制

以下是此代码的用法工作原理:

  1. 排序函数采用比较函数作为其参数。该函数比较数组中的两个元素。
  2. 在我们的比较函数中,我们首先比较两个家庭所在的城市。如果它们相等,我们继续比较它们的价格。
  3. localeCompare 函数比较两个字符串并考虑浏览器的区域设置。这可确保排序在不同区域设置中保持一致。
  4. ||运算符用于执行逻辑或运算。如果城市比较返回非零值,则意味着两个家庭具有不同的城市,应使用城市比较进行排序。否则,使用价格比较。
  5. 如果价格比较返回负值,则意味着第一个房屋的价格低于第二个房屋。如果返回正值,则第一个房屋的价格高于第二个房屋。排序算法将使用此值来确定房屋的顺序。

通过将这种排序方法应用于多个字段,我们可以轻松地按所需顺序对复杂的对象数组进行排序。

以上是如何在 JavaScript 中按多个字段对对象数组进行排序?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板