使用Lodash将JSON数据格式化为嵌套列表



我是lodash的新手,很难格式化将显示在扩展表上的数据。我有一个来自服务器的数据响应,看起来像这样:

[{Day: 1, ItemName: "Item1", Total: 1, Details: "Brand X", Quantity: 5, Part: "Part A"}]

我希望它看起来像这样:

[{
Day: 1,
ItemName: "Item1",
Total: 1,
ItemDetails: [{
Details: "Brand X",
Quantity: 5,
ItemParts: [{
Part: "Part A"
}]
}]
}]

我使用了.chain.GroupBy函数,它显示在一个表上,该表显示天、项目名称总计行。使用.map函数,因此当用户单击表行时,它会展开并显示ItemDetails。但不幸的是,当用户单击ItemDetails时,我不知道如何显示最后一行或第三个嵌套的json数据(即

ItemsParts附言:你可以使用任何lodash函数,但请将数据格式化为上面描述中的样子

p.S.S我只想格式化JSON数据响应,我不想修改我的表中的任何内容

这样的东西,没有lodash,

const arr = [{
Day: 1,
ItemName: "Item1",
Total: 1,
Details: "Brand X",
Quantity: 5,
Part: "Part A"
}]
const result = arr.map(x => ({
Day: x.Day,
ItemName: x.ItemName,
Total: x.Total,
ItemDetails: [{
Details: x.Details,
Quantity: x.Quantity,
ItemParts: [{
Part: x.Part
}]
}],
}))
console.log(result)

最新更新