本文介绍如何使用JavaScript处理数组，将具有相同ID的对象合并成一个新对象，并根据不同类型（早餐、中餐、晚餐）分配金额到不同的字段。
假设我们有一个包含多个对象的数组，每个对象都有id、jine（金额）和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，值为包含jine1、jine2、jine3的对象。然后使用Object.values方法将该对象转换成数组。 reduce方法中，我们检查acc中是否存在当前id，如果不存在则创建一个新对象，并将jine值根据type分配到对应的字段。
这个方法避免了使用Object.groupBy和find方法，提高了代码的可读性和效率，并且更直接地处理了数据合并和金额分配。 它也更稳健，因为不需要处理find方法可能返回undefined的情况。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
