javascript - Javascript填充字典数组并排序以对齐字典键

Question

抱歉标题混乱。不知道如何简短或轻松地表达它
我有一个看起来像这样的数据数组；

[
  [
    {key:1, header:"a", value"text1"},
    {key:2, header:"b", value"text2"},
    {key:2, header:"c", value"text2"},
    {key:3, header:"d", value"text3"},
  ],
  [
    {key:1, header:"a", value"text4"},
    {value:""},
    {key:3, header:"d", value"text5"},
  ]
]

我需要转变为这个；

[
  [
    {key:1, header:"a", value"text1"},
    {key:2, header:"b", value"text2"},
    {key:2, header:"c", value"text2"},
    {key:3, header:"d", value"text3"},
  ],
  [
    {key:1, header:"a", value"text4"},
    {value:""},
    {value:""},
    {key:3, header:"d", value"text5"}
  ]
]

因此，它将填充我正在处理的站点的表格组件的尺寸，并保留键的对齐方式。
现在花了两个晚上的大部分时间来解决这个问题，但没有运气。
描述目标的最简单方法是数组需要使用占位符进行操作和填充，因此'key'属性始终“沿 j 轴”对齐，array[i][j]并且array[i].length每一行都相同。
在某些情况下，原始数据将具有空的占位符值，例如{value:""},上面第一个数组中的字段。
该数组可以有 1 到 10 行，每行有时可以包含多达 20 个 dict 字段，其中空占位符位于半随机位置。

标签： javascriptarraysreactjs