如何使用JavaScript将具有相同ID的数组对象按类型合并并分配金额?

如何使用javascript将具有相同id的数组对象按类型合并并分配金额?

本文介绍如何使用JavaScript处理数组,将具有相同ID的对象合并成一个新对象,并根据不同类型(早餐、中餐、晚餐)分配金额到不同的字段。

假设我们有一个包含多个对象的数组,每个对象都有idjine(金额)和type(类型)字段。目标是将这些数据转换成另一种格式,其中每个id对应的数据合并成一个对象,并将jine值根据type分配到jine1(早餐)、jine2(中餐)、jine3(晚餐)字段。

原始数据:

const list = [    { id: "202301", jine: 23, type: "晚餐" },    { id: "202301", jine: 87.5, type: "早餐" },    { id: "202301", jine: 1065.5, type: "中餐" },    { id: "202302", jine: 10, type: "晚餐" },    { id: "202302", jine: 181.5, type: "早餐" },    { id: "202302", jine: 633.5, type: "中餐" }];

目标格式:

立即学习“Java免费学习笔记(深入)”;

const expectedList = [    { id: "202301", jine1: 87.5, jine2: 1065.5, jine3: 23 },    { id: "202302", jine1: 181.5, jine2: 633.5, jine3: 10 }];

为了实现这个目标,我们可以使用reduce方法来迭代数组,并创建一个新的对象来存储结果。

解决方案:

const result = Object.values(list.reduce((acc, curr) => {    if (!acc[curr.id]) {        acc[curr.id] = { id: curr.id, jine1: 0, jine2: 0, jine3: 0 };    }    if (curr.type === '早餐') acc[curr.id].jine1 = curr.jine;    if (curr.type === '中餐') acc[curr.id].jine2 = curr.jine;    if (curr.type === '晚餐') acc[curr.id].jine3 = curr.jine;    return acc;}, {}));console.log(result); // 输出目标格式的数组

这段代码首先使用reduce方法将原始数组转换成一个对象,键为id,值为包含jine1jine2jine3的对象。然后使用Object.values方法将该对象转换成数组。 reduce方法中,我们检查acc中是否存在当前id,如果不存在则创建一个新对象,并将jine值根据type分配到对应的字段。

这个方法避免了使用Object.groupByfind方法,提高了代码的可读性和效率,并且更直接地处理了数据合并和金额分配。 它也更稳健,因为不需要处理find方法可能返回undefined的情况。

以上就是如何使用JavaScript将具有相同ID的数组对象按类型合并并分配金额?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1504154.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 02:36:41
下一篇 2025年12月20日 02:36:48

相关推荐

发表回复

登录后才能评论
关注微信