Converting json object to an array

Question

How can I convert the below using lodash or javascript :

 [
  {
    "roleId": "1",
    "name": "Superadmin"
    "permissions": [
      {
        "permissionId": "1",
        "action": "Remove"
      }
    ]
  },
  "id": "2",
  "name": "Administrator",
  "permissions": [
    {
      "permissionId": "1",
      "action": "Remove"
    },
    {
      "permissionId": "2",
      "action": "Create"
    },
    {
      "permissionId": "3",
      "action": "Read"
    }
  ]
]

To this:

{
   Superadmin: ['Remove'],
   Administrator: ['Remove', 'Create', 'Read']
}

Have you tried anything that we can help you fix, rather than implementing this specification from scratch for free? — James Thorpe, Apr 20 '16 at 12:51
This is valid: `[ { "roleId": "1", "name": "Superadmin", "permissions": [ { "permissionId": "1", "action": "Remove" } ] }, { "id": "2", "name": "Administrator", "permissions": [ { "permissionId": "1", "action": "Remove" }, { "permissionId": "2", "action": "Create" }, { "permissionId": "3", "action": "Read" } ] } ]` — mplungjan, Apr 20 '16 at 12:56
One of these [10000 similar questions](http://stackoverflow.com/search?q=Convert+json+to+array) might help, e.g., [JSON to javaScript array](http://stackoverflow.com/questions/6872832/json-to-javascript-array) — Yogi, Apr 20 '16 at 13:05

score 3 · Accepted Answer · answered Apr 20 '16 at 13:04

A proposal with Array#forEach and Array#map.

var array = [{ "roleId": "1", "name": "Superadmin", "permissions": [{ "permissionId": "1", "action": "Remove" }] }, { "id": "2", "name": "Administrator", "permissions": [{ "permissionId": "1", "action": "Remove" }, { "permissionId": "2", "action": "Create" }, { "permissionId": "3", "action": "Read" }] }],
    object = {};

array.forEach(function (a) {
    object[a.name] = a.permissions.map(function (b) {
        return b.action;
    });
});

document.write('<pre>' + JSON.stringify(object, 0, 4) + '</pre>');

score 2 · Answer 2 · answered Apr 20 '16 at 13:05

You can use reduce & map

var temp =  [{
    "roleId": "1",
    "name": "Superadmin",
    "permissions": [{
        "permissionId": "1",
        "action": "Remove"
    }]
 }, {
    "id": "2",
    "name": "Administrator",
    "permissions": [{
        "permissionId": "1",
        "action": "Remove"
    }, {
        "permissionId": "2",
        "action": "Create"
    }, {
        "permissionId": "3",
        "action": "Read"
    }]
 }]

temp.reduce((result,obj)=>{
  result[obj.name] = obj.permissions.map(x=>x.action)
  return result;
},{});

score 2 · Answer 3 · answered Apr 20 '16 at 13:09

seeing the formatted and valid json from comments, here is something which you can use.

var arr = [{
    "roleId": "1",
    "name": "Superadmin",
    "permissions": [{
        "permissionId": "1",
        "action": "Remove"
    }]
}, {
    "id": "2",
    "name": "Administrator",
    "permissions": [{
        "permissionId": "1",
        "action": "Remove"
    }, {
        "permissionId": "2",
        "action": "Create"
    }, {
        "permissionId": "3",
        "action": "Read"
    }]
}];

var newArray = arr.map(function(obj){ 
  var rObj = {};
  rObj[obj.name] = obj.permissions.map(function(childObj){
     return childObj.action;       
  });
  return rObj;
});

console.log(newArray);

https://jsfiddle.net/daze5a4c/1/

Output is `object` not an `array` – Jagdish Idhate Apr 20 '16 at 13:38 — Jagdish Idhate, Apr 20 '16 at 13:38

score 2 · Answer 4 · answered Apr 20 '16 at 13:12

var json = [{
  "roleId": "1",
  "name": "Superadmin",
  "permissions": [{
    "permissionId": "1",
    "action": "Remove"
  }]
}, {
  "roleId": "2",
  "name": "Administrator",
  "permissions": [{
    "permissionId": "1",
    "action": "Remove"
  }, {
    "permissionId": "2",
    "action": "Create"
  }, {
    "permissionId": "3",
    "action": "Read"
  }]
}];

var roles = {};

json.forEach(function(obj) {
  var actions = [];
  obj.permissions.forEach(function(permission) {
    actions.push(permission.action);
  });
  roles[obj.name] = actions;
});

console.log(roles);

This is exactly how you want it. Just loop through the JSON-objects and get the properties you need to store them in another object (roles).

Output:

{
   Superadmin: ['Remove'],
   Administrator: ['Remove', 'Create', 'Read']
}

Converting json object to an array

4 Answers4