How to loop through an array and get output in object

Question

I am getting Data from my db And I want to loop as required

I am getting array of objects from my data base and I want to convert it to objects with some changes

My Data

 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"
  }
]

I want to convert it into like below -:

    {
  "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);

Does this answer your question? [Most efficient method to groupby on an array of objects](https://stackoverflow.com/questions/14446511/most-efficient-method-to-groupby-on-an-array-of-objects) — AZ_, Jan 03 '20 at 10:47

score 2 · Accepted Answer · answered Jan 03 '20 at 10:53

You can use 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);

Probably a cooler answer than mine (Though i like the clarity of my snippet better) — Sheraff, Jan 03 '20 at 11:49

score 0 · Answer 2 · answered Jan 03 '20 at 10:51

You're in the right direction with map, however you should initialise an object before you iterate (result = {}) and populate it as you go. You'd then not use .map but .forEach because you won't be using the output.

const result = {}
Data.forEach(item => result[item.Menu] = {
    //...
})

Subburaj · Answer 3 · 2020-01-03T11:04:45.560

Try for this:

var obj = {};
  Data.forEach(function(element){
    var menu = element["Menu"];
    delete element["Menu"];
    if(Object.keys(obj).includes(menu)){            
        obj[menu].push(element)
    } else {            
        obj[menu] = [element]
    }
  })   
  console.log("oo", obj);

OUTPUT:

{
    Menu1: [{
        SubMenu: 'dash',
        PATH: 'Path1'
    }],
    Menu2: [{
            SubMenu: 'SubMenu1',
            PATH: 'path2'
        },
        {
            SubMenu: 'SubMenu2',
            PATH: 'path3'
        },
        {
            Submenu: 'SubMenu3',
            PATH: 'Path4'
        }
    ]
}

How to loop through an array and get output in object

3 Answers3