如何从JavaScript中的行数据构造新的列标题？

我从api收到下面的元数据和行数据响应，我需要根据最近7个业务日期的给定日期数据构建新列

const columnMetaData = [
{
code: "id",
name: "Id",
header: "Y",
},
{
code: "stock",
name: "Stock",
header: "Y",
},
{
code: "date",
name: "Date",
header: "Y",
},
{
code: "value",
name: "Value"
header: "Y",
},
{
code: "change_date",
name: "Change date",
header: "Y",
}
];

const rowData = [
{
id: "123",
stock: "BlueChip",
date: "8/20/2020",
value: "5000",
change_date: ""
}
{
id: "123",
stock: "BlueChip",
date: "8/22/2020",
value: "6000",
change_date: ""
}
{
id: "123",
stock: "BlueChip",
date: "8/23/2020",
value: "7000",
change_date: ""
}
];

收到元数据和rowData响应后，我的表如下所示：-

我需要根据日期构造一个新列，以便可以看到以下格式的数据

---

此代码将创建所需的数据结构，以便以您提供的格式显示此数据

如果您需要有关html的帮助，请告诉我：）

const reducer=（acc，curr）=>{
var指数=acc.findIndex（x=>x.key==当前股票）
如果（索引==-1）{
加速推({
关键字：现货，
数据：[{
日期：当前日期，
值：当前值，
更改日期：当前更改日期
}]
})
}否则{
acc[index].data.push({
日期：当前日期，
值：当前值，
更改日期：当前更改日期
})
}
返回acc；
}
常量行数据=[{
身份证号码：“123”，
股票：“蓝筹股”，
日期：“2020年8月20日”，
值：“5000”，
更改日期：“
}, {
身份证号码：“123”，
股票：“蓝筹股”，
日期：“2020年8月22日”，
值：“6000”，
更改日期：“
}, {
身份证号码：“123”，
股票：“蓝筹股”，
日期：“2020年8月23日”，
值：“7000”，
更改日期：“
}];
var reducedaray=rowData.reduce（reducer，[]）；
console.log（reduceArray）

请访问，查看和。做一些研究，搜索相关话题等；如果您陷入困境，请发布您的尝试，使用

[]

代码段编辑器记录输入和预期输出。我想我自己已经解决了所有问题。我的问题没有什么问题。如果您有解决方案，请提供。我们通常在excel中执行这些操作，但我第一次遇到此类问题时，我需要解决方案或方法。没有什么（太多）错误，如果您想使用此规范将其交给开发人员，您需要为此付费。如果你想得到我们的免费帮助，你必须首先表现出你的努力。这不是一个代码编写服务。我认为人们可以互相帮助，但无论如何，没有问题，您需要按“stock”键对JSON数据进行分组。请检查这一点，但由于您尚未为date构造新列，因此如何在html中仅借助行数据来显示这一点？您可以看到，在columnMetaData中，我们有一个值为“date”的“code”键，在rowData中，我们有一个键“date”，这是我为您制作的一个工作代码笔