本文介绍如何使用 JavaScript 中的 reduce 方法，根据对象数组中多个属性的值对数组进行分组。通过修改现有的 groupByObjectKey 函数，使其能够接受一个属性键数组，并生成一个复合键来实现更细粒度的分组。
在处理数据时，经常需要根据对象的某些属性对数组进行分组。虽然根据单个属性分组相对简单，但有时需要根据多个属性进行分组以获得更精细的结果。本文将介绍如何修改现有的 JavaScript 函数，使其能够根据多个属性对对象数组进行分组。
现有代码分析
首先，我们回顾一下用于根据单个属性进行分组的原始函数：
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 中。
立即学习“Java免费学习笔记（深入）”；
修改函数以支持多个属性
为了支持根据多个属性进行分组，我们需要修改 groupByObjectKey 函数，使其接受一个属性键数组，而不是单个属性键。修改后的函数如下所示：
Vizard
AI驱动的视频编辑器
101 查看详情
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" } ]}
注意事项
键的分隔符： 在 join(‘-‘) 中使用的分隔符可以根据需要进行更改，但应选择一个在属性值中不太可能出现的字符，以避免键冲突。属性顺序： 属性在 keys 数组中的顺序会影响生成的复合键。确保顺序正确以获得所需的分组结果。性能： 对于大型数据集，此方法可能不是最有效的。可以考虑使用更高级的数据结构或算法来优化性能。
总结
通过修改现有的 groupByObjectKey 函数，使其能够接受一个属性键数组，我们可以轻松地根据多个属性对 JavaScript 中的对象数组进行分组。这提供了一种灵活且强大的方法来组织和分析数据。希望本文能够帮助你更好地理解和应用 JavaScript 中的数组分组技术。
以上就是使用 JavaScript 根据多个属性对数组对象进行分组的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/870878.html
微信扫一扫 
支付宝扫一扫 
