如何循环数组并在object[duplicate]中获得输出

Question

我正在从我的db获取数据，我想根据需要循环

我正在从我的数据库中获取对象数组，我想通过一些更改将其转换为对象

我的数据

 Data=   [
  {
    "Menu": "Menu1",
    "SubMenu": "dash",
    "PATH": "Path1"
  },
  {
    "Menu": "Menu2",
    "SubMenu": "SubMenu1",
    "PATH": "path2"
  },
  {
    "menu": "menu2",
    "SubMenu": "SubMenu2",
    "PATH": "path3"
  },
  {
    "Menu": "menu2",
    "Submenu": "SubMenu3",
    "PATH": "Path4"
  }
]

我想把它转换成如下-：

    {
  "menu1": [
    {
      "SubMenu": "dash",
      "PATH": "path1"
    }
  ],
  "menu2": [
    {
      "SubMenu": "subMenu1",
      "PATH": "Path2"
    },
    {
      "SubMenu": "Submenu2",
      "PATH": "Path3"
    },
    {
      "type": "SubMenu3",
      "link": "Path4"
    }
  ]
}




const newArray= Data.map(element => element.Menu);
console.log(newArray);

Answer 1

您可以使用array.reduce():

var Data = [{
    "Menu": "Menu1",
    "SubMenu": "dash",
    "PATH": "Path1"
  },
  {
    "Menu": "Menu2",
    "SubMenu": "SubMenu1",
    "PATH": "path2"
  },
  {
    "Menu": "Menu2",
    "SubMenu": "SubMenu2",
    "PATH": "path3"
  },
  {
    "Menu": "Menu2",
    "SubMenu": "SubMenu3",
    "PATH": "Path4"
  }
];

var res = Data.reduce((acc, item) => {
  var accObj = {
    Submenu: item.SubMenu,
    PATH: item.PATH
  };
  if(acc[item.Menu]) {
    acc[item.Menu].push(accObj);
  } else {
    acc[item.Menu] = [accObj];
  }
  return acc;
}, {});

console.log(res);