首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用Lodash将JSON数据格式化为嵌套列表

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

Stack Overflow用户
提问于 2020-03-15 08:38:58
回答 1查看 161关注 0票数 3

我是新提交的,我在格式化数据方面有困难,这些数据将显示在扩展的表上。我有来自服务器的数据响应,如下所示:

代码语言:javascript
代码运行次数:0
运行
复制
[{Day: 1, ItemName: "Item1", Total: 1, Details: "Brand X", Quantity: 5, Part: "Part A"}]

我想让它看起来像这样

代码语言:javascript
代码运行次数:0
运行
复制
[{
Day: 1,
ItemName: "Item1",
Total: 1,
ItemDetails: [{
     Details: "Brand X",
     Quantity: 5,
     ItemParts: [{
          Part: "Part A"
          }]
     }]
}]

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

您可以使用任何存档功能,但请将数据格式化为上述描述所示。

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-15 08:53:48

就像这样没有房客,

代码语言:javascript
代码运行次数:0
运行
复制
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)

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60691064

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档