Javascript 如何将成对数组数组显示为键值对？

我正在用Ract编写一个客户端，它从后端接收表示对象的流数据。客户端解析这些数据，并将对象动态构建为javascript数据结构（通常是对象或数组）。 后端有一个由时间戳键和任意值组成的

Timeseries

数据类型。

Timeseries

可以有重复的时间戳键，如下所示：

{
 '2019-08-22T18:34:15.777927965Z' : 1,
 '2019-08-22T18:34:15.777927965Z' : 2,
 '2019-08-22T18:34:15.777927965Z' : 3,
}

这意味着我不能使用javascript对象在客户机中构建此数据结构，因为只有最后添加的键/值对将被存储，因为键是相同的

我的解决方案是在阵列中收集此数据：

[
    ['2019-08-22T18:34:15.777927965Z', 1],
    ['2019-08-22T18:34:15.777927965Z', 2],
    ['2019-08-22T18:34:15.777927965Z', 3],
]

问题是我被要求以键/值格式显示这些数据，就像javascript对象的显示方式一样。 我正在使用npm包来分解我正在构建的所有对象，这些对象只是获取一个对象或数组，并在UI中使用可折叠的下拉箭头将其格式化（这不是必需的）。 要将代码中的数组数组转换为UI中格式良好的类似对象的数据结构，我需要哪些选项

TLDR: 如何显示这样的数组：

[
    ['2019-08-22T18:34:15.777927965Z', 1],
    ['2019-08-22T18:34:15.777927965Z', 2],
    ['2019-08-22T18:34:15.777927965Z', 3],
]

在UI中作为冒号分隔的键/值对，如对象？

---

理想情况下，我可以将此数据结构传递到一个库中，如。

如果希望以列表形式提供数据，则可以以下列方式显示数据：

const数据=[
[2019-08-22T18:34:15.777927965Z'，1]，
[2019-08-22T18:34:15.777927965Z'，2]，
[2019-08-22T18:34:15.777927965Z'，3]，
]
常量渲染器=（）=>

{data.map（（[key，val]，id）=>
{key}；{val}
）}
；
render（，document.getElementById（“根”））

您所说的解决方案与要求您提供的解决方案是否相同？你想要的结果是什么？也许我太傻了，但是像这样的东西不是很好吗？@MihaiT我的解决方案是如何表示这个数据结构。我要寻找的是一种在UI中将其显示为键/值冒号分隔对列表的方法（与对象的显示方式相同）.@coltonb我们希望UI中的结果尽可能接近原始数据类型，因此更改数据结构不是一个选项。每个时间戳值对必须附加一些附加信息，您可以使用，对吗？理想情况下，我希望能够使用
react json树
库来显示我的数据，但这似乎是下一个最好的解决方案。（我只需要用逗号代替冒号）我快速浏览了一下
react json树
库，上面的解决方案有效吗？我还用分号替换了第一个。实际上，这个库允许您直接显示数组，但是我最初的目标是让键成为时间戳（而不是“log”），这样数据看起来就像是一个具有重复键的JS对象，有点像您在代码段中拥有的。问题是库不允许我像您那样映射
元素。