如何将数组中的 object 拉出到 object 的新数组中？

Question

鉴于：

[{
  "date": "2020-12-23",
  "info": [{
      "filled": 4,
    },
    {
      "filled": 10,
    },
  ]
}, {
  "date": "2020-12-30",
  "info": [{
    "filled": 6,
  }]
}]

期望的结果

[
  {
    "filled": 4,
    "date": "2020-12-23"
  },
  {
    "filled": 10,
    "date": "2020-12-23"
  },
  {
    "filled": 6,
    "date": "2020-12-30"
  }
]

如何使填充值与日期值配对？

我可以像这样从 GraphQL 获取数据：

[{
  "date": "2020-12-23",
  "info": [{
      "filled": 4,
      "date": "2020-12-23",
    },
    {
      "filled": 10,
      "date": "2020-12-23",
    },
  ]
}, {
  "date": "2020-12-30",
  "info": [{
    "filled": 6,
    "date": "2020-12-30",
  }]
}]

但仍然不清楚如何在一个对象数组中配对填充日期，因为首先按日期获取数据然后显示信息，在信息中有日期数据

Answer 1

您可以执行以下操作，

 data = [{ "date": "2020-12-23", "info": [{ "filled": 4, "date": "2020-12-23", }, { "filled": 10, "date": "2020-12-23", }, ] }, { "date": "2020-12-30", "info": [{ "filled": 6, "date": "2020-12-30", }] }] ret = data.map(item => item.info.map(info => info)).flat(); console.log(ret);