Javascript 将JSON格式化为特定表

鉴于这些数据：

[
    {
        'Column': 'A',
        'Value': 10,
        'Color': 'red'
    },
    {
        'Column': 'B',
        'Value': 25,
        'Color': 'blue'
    },
        {
        'Column': 'A',
        'Value': 4,
        'Color': 'blue'
    }
]

我想创建这个表

  <table>
    <thead><td>A</td><td>B</td></thead>
    <tr>
      <td><span color='red'>10</span></td>
      <td><span color='red'></span></td>
    </tr>
    <tr>
      <td><span color='blue'>4</span></td>
      <td><span color='blue'>25</span></td>
    </tr>
  </table>

AB
10
4.
25

使用KnockoutJS，使值是数据绑定的

我在这里修改了一个示例，但似乎不知道如何操作：

---

我怀疑它将涉及纯计算函数以获得不同的值

您可以根据

列对数组进行分组，并根据颜色对嵌套组进行分组


const数组=[
{列：“A”，值：10，颜色：“红色”}，
{列：“B”，值：25，颜色：“蓝色”}，
{列：“A”，值：4，颜色：“蓝色”}，
]
常量组={}
for（数组的常量{列、值、颜色}）{
如果（！组[列]）
组[列]={}；
组[列][颜色]=值；
}
console.log（group）
您可以根据
列对数组进行分组，并根据颜色对嵌套组进行分组


const数组=[
{列：“A”，值：10，颜色：“红色”}，
{列：“B”，值：25，颜色：“蓝色”}，
{列：“A”，值：4，颜色：“蓝色”}，
]
常量组={}
for（数组的常量{列、值、颜色}）{
如果（！组[列]）
组[列]={}；
组[列][颜色]=值；
}
console.log（组）