使用 J*aScript 根据多个属性对数组对象进行分组

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

使用 J*aScript 根据多个属性对数组对象进行分组

2025-11-16

浏览次数：次

返回列表

使用 javascript 根据多个属性对数组对象进行分组

本文介绍如何使用 J*aScript 中的 reduce 方法，根据对象数组中多个属性的值对数组进行分组。通过修改现有的 groupByObjectKey 函数，使其能够接受一个属性键数组，并生成一个复合键来实现更细粒度的分组。

在处理数据时，经常需要根据对象的某些属性对数组进行分组。虽然根据单个属性分组相对简单，但有时需要根据多个属性进行分组以获得更精细的结果。本文将介绍如何修改现有的 J*aScript 函数，使其能够根据多个属性对对象数组进行分组。

现有代码分析

首先，我们回顾一下用于根据单个属性进行分组的原始函数：

const groupByObjectKey = (users, key) => {
  return users.reduce((rv, x) => {
    (rv[x[key]] = rv[x[key]] || []).push(x);
    return rv;
  }, {});
};

let users = [{
    "name": "john",
    "lastName": "doe",
    "gender": "male"
  },
  {
    "name": "jane",
    "lastName": "doe",
    "gender": "female"
  },
  {
    "name": "peter",
    "lastName": "dickons",
    "gender": "male"
  },
  {
    "name": "eva",
    "lastName": "dickons",
    "gender": "female"
  },
];

const usersGroupedByLastName = groupByObjectKey(
  users,
  "lastName"
);

console.log(usersGroupedByLastName);

此函数使用 reduce 方法遍历 users 数组，并根据指定的 key（例如，"lastName"）将对象分组到累加器对象 rv 中。

修改函数以支持多个属性

为了支持根据多个属性进行分组，我们需要修改 groupByObjectKey 函数，使其接受一个属性键数组，而不是单个属性键。修改后的函数如下所示：

迷你天猫商城

迷你天猫商城是一个基于Spring Boot的综合性B2C电商平台，需求设计主要参考天猫商城的购物流程：用户从注册开始，到完成登录，浏览商品，加入购物车，进行下单，确认收货，评价等一系列操作。作为迷你天猫商城的核心组成部分之一，天猫数据管理后台包含商品管理，订单管理，类别管理，用户管理和交易额统计等模块，实现了对整个商城的一站式管理和维护。所有页面均兼容IE10及以上现代浏览器。部署方式1、项目

0 查看详情迷你天猫商城

const groupByObjectKeys = (users, keys) => {
  return users.reduce((rv, x) => {
    const key = keys.map(k => x[k]).join('-');
    (rv[key] = rv[key] || []).push(x);
    return rv;
  }, {});
};

在这个修改后的函数中，keys 参数是一个字符串数组，表示用于分组的属性。map 方法用于提取每个属性的值，join('-') 方法将这些值连接成一个复合键，用连字符分隔。然后，使用此复合键将对象分组到累加器对象 rv 中。

使用示例

以下是如何使用修改后的函数根据 lastName 和 gender 对 users 数组进行分组：

let users = [{
    "name": "john",
    "lastName": "doe",
    "gender": "male"
  },
  {
    "name": "jane",
    "lastName": "doe",
    "gender": "female"
  },
  {
    "name": "peter",
    "lastName": "dickons",
    "gender": "male"
  },
  {
    "name": "eva",
    "lastName": "dickons",
    "gender": "female"
  },
];

const usersGroupedByLastNameAndGender = groupByObjectKeys(
  users,
  ["lastName", "gender"]
);

console.log(usersGroupedByLastNameAndGender);

这将生成一个对象，其中键是 lastName-gender 的组合，值是具有该组合的对象的数组。例如：

{
  "doe-male": [
    {
      "name": "john",
      "lastName": "doe",
      "gender": "male"
    }
  ],
  "doe-female": [
    {
      "name": "jane",
      "lastName": "doe",
      "gender": "female"
    }
  ],
  "dickons-male": [
    {
      "name": "peter",
      "lastName": "dickons",
      "gender": "male"
    }
  ],
  "dickons-female": [
    {
      "name": "eva",
      "lastName": "dickons",
      "gender": "female"
    }
  ]
}