JavaScript数组元素合并：将相同ID的元素合并到一个对象中
在数据处理中，经常需要将具有相同ID的数组元素合并成单个对象。本文提供一种JavaScript解决方案，将具有相同ID但属性不同的数组元素，转换成新的数组格式。
原始数据格式：
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: "中餐" } ];
目标数据格式：
const targetList = [ { id: "202301", jine1: 87.5, jine2: 1065.5, jine3: 23 }, { id: "202302", jine1: 181.5, jine2: 633.5, jine3: 10 } ];
解决方案：
立即学习“Java免费学习笔记（深入）”；
我们将使用reduce方法实现数据转换。该方法迭代数组，将每个元素累积到一个结果对象中。
const result = Object.values(list.reduce((acc, curr) => { const { id, jine, type } = curr; if (!acc[id]) { acc[id] = { id }; } switch (type) { case '早餐': acc[id].jine1 = jine; break; case '中餐': acc[id].jine2 = jine; break; case '晚餐': acc[id].jine3 = jine; break; } return acc; }, {})); console.log(result); // 输出目标数据格式
代码解释：
- reduce方法: reduce方法迭代list数组，将每个元素累积到一个对象acc中。
- acc[id]: 使用id作为键，将数据存储到acc对象中。如果id不存在，则创建一个新的对象。
- switch语句: 根据type属性的值，将jine值分别赋值给jine1、jine2或jine3。
- Object.values: 最后，使用Object.values方法将acc对象转换为数组，得到目标数据格式。
此方法清晰简洁，避免了使用外部库，直接利用JavaScript内置方法实现数据转换。 它也更易于扩展，如果需要处理更多类型的餐饮，只需在switch语句中添加更多case即可。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
