Javascript 在本机视图中显示对象数组中的数据

我有一个如下所示的对象数组，我需要一些关于如何通过它进行映射并在React原生屏幕视图中返回数据的指导。滚动至底部，查看我希望视图的外观。如果你需要更多的信息，请告诉我

 [
  {
    "Monday": [
      [
        "12.00",
        "15.00"
      ],
      [
        "18.00",
        "22.00"
      ]
    ]
  },
  {
    "Tuesday": [
      [
        "12.00",
        "22.00"
      ]
    ]
  }
]

用于生成上述数组的代码如下所示：

   const res = Object.values(
    outletStore.outletOpeningHours.reduce((acc: any, obj) => {
      if (!acc[obj.day]) {
        acc[obj.day] = { [obj.day]: [] };
      }
      acc[obj.day][obj.day].push([obj.to, obj.from]);
      return acc;
    }, {})
  );

我需要帮助使React Native屏幕显示如下所示的开放时间：

星期一：12:00-15.00 18.00-22.00

---

星期二：12:00-22.00

要获取对象键，请使用

object.keys（）

，它返回对象的键数组

以下是解决方案：

const yourVariableName=[
{
星期一：[
['12.00', '15.00'],
['18.00', '22.00'],
],
},
{
星期二：['12.00'，'22.00']]，
},
];

返回视图如下：

{yourVariableName.map（（项目，索引）=>(
{Object.keys（项）[0]}:{'}
{item[Object.keys（item）[0]].map（（time，timeIndex）=>(
{time[0]}
{' - '}
{time[1]}{'}
))}
))}