当列表具有相同的对象属性时，如何按JavaScript列表进行分组？

Question

例如，如果我有一个如下列表：

Arr = [
    {rowIndex: 5, value: 10},
    {rowIndex: 5, value: 20},
    {rowIndex: 5, value: 30},
    {rowIndex: 6, value: 40},
    {rowIndex: 6, value: 50},
    {rowIndex: 6, value: 60},
    {rowIndex: 7, value: 70},
    {rowIndex: 7, value: 80},
    {rowIndex: 7, value: 90}]

如何将其rowIndex（因为其中一些具有相同的rowIndex）分组到新的列表或映射中，如下所示：

arrNew = (['5',[10, 20, 30]], ['6',[40, 50, 60]], ['7',[70, 80, 90]])

然后将其制作成如下所示的html表：

<table>
    <tr>
        <td>10</td>
        <td>20</td>
        <td>30</td>
    </tr>
    <tr>
        <td>40</td>
        <td>50</td>
        <td>60</td>
    </tr>
    <tr>
        <td>70</td>
        <td>80</td>
        <td>90</td>
    </tr>
</table>

还是有更好的方法将原始的arr列表转换为html表？有人可以分享您的想法吗？非常感谢您的帮助！