怎么将层级关系明确但层级不确定的数据拼成层级对应的html字符串？

Question

假如数据如下

想渲染成对应层级关系的html如

每层的html结构都一样。但是层级不确定。可能组下面还有层级。可能没有。我该怎么写js呢？