Javascript 基于数据库数据构造嵌套数组

我正在使用一个模板来呈现具有预定义结构的菜单。我有一个数据库，里面有一些菜单，我已经在检索它们了。问题是，我需要用从数据库中获取的菜单来构建预定义结构的逻辑。这是我试图解释的一个例子：

export const MainNav = [
 {
   icon: "pe-7s-rocket",
   name: "Dashboards",
   content: [
     {
       name: "Analytics",
       url: "#/dashboards/analytics",
     },
     {
      name: "Commerce",
      content: [
        {
          name: "Blabla",
          url: "#/dashboards/commerce",
        },
        {
          name: "Sales",
          url: "#/dashboards/sales",
        },
      ]
     },
   ],
  {
    name: "Minimal",
    content: [
      {
        name: "Variation 1",
        url: "#/dashboards/minimal-dashboard-1",
      },
      {
        name: "Variation 2",
        url: "#/dashboards/minimal-dashboard-2",
      },
    ],
  },
  {
    name: "CRM",
    url: "#/dashboards/crm",
  },
];

基本上，它是一个包含嵌套数组/对象的对象数组

---

我真的需要一些指导，我想我需要使用递归，但我不知道如何使用。基本上，子菜单必须位于其父对象的content属性内部。

由于

content

键始终是可能包含子项的键，请检查其长度，如果它包含多个子项，请添加嵌套循环

for（设i=0；i1）{
for（设v=0；v

也许ypu也可以从数据库中添加数据，然后您可以尝试。