[英]Grouping an array by multiple keys with Array.reduce()
I am writing here for the first time, and I was given the following problem.我是第一次写到这里,遇到了以下问题。 For example, I have the following array:
例如,我有以下数组:
const input = [
{
id: 1,
date: "01-01-2021",
source: "TT",
metrics: { conversions: 10, cpl: 3 },
},
{
id: 2,
date: "01-01-2021",
source: "TT",
metrics: { conversions: 15, cpl: 3 },
},
{
id: 3,
date: "01-01-2021",
source: "FB",
metrics: { conversions: 15, cpl: 4 },
},
{
id: 4,
date: "01-01-2021",
source: "FB",
metrics: { conversions: 15, cpl: 4 },
},
{
id: 5,
date: "02-01-2021",
source: "TT",
metrics: { conversions: 5, cpl: 2 },
},
{
id: 6,
date: "02-01-2021",
source: "TT",
metrics: { conversions: 15, cpl: 2 },
},
{
id: 7,
date: "02-01-2021",
source: "FB",
metrics: { conversions: 25, cpl: 1 },
},
{
id: 8,
date: "02-01-2021",
source: "FB",
metrics: { conversions: 30, cpl: 1 },
},
];
And I need to get an array grouped by date and source and the value will be the sum of all its values for a specific date, for example as the result below:我需要得到一个按日期和来源分组的数组,该值将是特定日期的所有值的总和,例如如下结果:
const output = [
{
date: "01-01-2021",
TT: 25,
FB: 30,
},
{
date: "02-01-2021",
TT: 20,
FB: 55,
},
];
In my solution, I find unique keys and dates, but do not understand what to do next.在我的解决方案中,我找到了唯一的键和日期,但不知道下一步该做什么。 Can you help me?
你能帮助我吗? Sample code:
示例代码:
const result = input.reduce((acc, current) => {
const dateItem = acc.find((item) => item.date === current.date);
const sources = input.map((item) => item.source).filter((value, index, self) => self.indexOf(value) === index);
if (dateItem) {
return [...acc.filter((i) => i.date !== current.date), { ...dateItem }];
}
return [...acc, { date: current.date }];
}, []);
Simple reduce loop using the date as a key.使用日期作为键的简单减少循环。 After you get it all combined, you can use values to get the array.
将所有内容组合在一起后,您可以使用值来获取数组。
const input = [{ id: 1, date: "01-01-2021", source: "TT", metrics: { conversions: 10, cpl: 3 }, }, { id: 2, date: "01-01-2021", source: "TT", metrics: { conversions: 15, cpl: 3 }, }, { id: 3, date: "01-01-2021", source: "FB", metrics: { conversions: 15, cpl: 4 }, }, { id: 4, date: "01-01-2021", source: "FB", metrics: { conversions: 15, cpl: 4 }, }, { id: 5, date: "02-01-2021", source: "TT", metrics: { conversions: 5, cpl: 2 }, }, { id: 6, date: "02-01-2021", source: "TT", metrics: { conversions: 15, cpl: 2 }, }, { id: 7, date: "02-01-2021", source: "FB", metrics: { conversions: 25, cpl: 1 }, }, { id: 8, date: "02-01-2021", source: "FB", metrics: { conversions: 30, cpl: 1 }, }, ]; const results = Object.values(input.reduce((o, data) => { o[data.date] = o[data.date] || { date: data.date }; o[data.date][data.source] = (o[data.date][data.source] || 0) + data.metrics.conversions; return o; }, {})); console.log(results);
Array.reduce
with Object.values
will give the result. Array.reduce
与Object.values
将给出结果。
const input = [ { id: 1, date: "01-01-2021", source: "TT", metrics: { conversions: 10, cpl: 3 }, }, { id: 2, date: "01-01-2021", source: "TT", metrics: { conversions: 15, cpl: 3 }, }, { id: 3, date: "01-01-2021", source: "FB", metrics: { conversions: 15, cpl: 4 }, }, { id: 4, date: "01-01-2021", source: "FB", metrics: { conversions: 15, cpl: 4 }, }, { id: 5, date: "02-01-2021", source: "TT", metrics: { conversions: 5, cpl: 2 }, }, { id: 6, date: "02-01-2021", source: "TT", metrics: { conversions: 15, cpl: 2 }, }, { id: 7, date: "02-01-2021", source: "FB", metrics: { conversions: 25, cpl: 1 }, }, { id: 8, date: "02-01-2021", source: "FB", metrics: { conversions: 30, cpl: 1 }, }, ]; const output = input.reduce((acc, curr) => { if (acc[curr.date]) { acc[curr.date][curr.source] = (acc[curr.date][curr.source] || 0) + curr.metrics.conversions; } else { acc[curr.date] = { date: curr.date, [curr.source]: curr.metrics.conversions } } return acc; }, {}); console.log(Object.values(output));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.