How to convert array of nested objects to objects in javascript?

Question

I have got array of nested array of objects . I want to get only Permission objects from data and I need to convert data array to permission objects .

 "data":[
       {
          "Book":[
             {
                "label":"Can View",
                "value":"can_view"
             },
             {
                "label":"Can Create",
                "value":"can_create"
             },

          ]
       },
       {
          "Articles":[
             {
                "label":"Can View",
                "value":"can_view"
             },
         ]
       },
       {
          "Journals":[

             {
                "label":"Can Upload",
                "value":"can_upload"
             },
             {
                "label":"Can Download",
                "value":"can_download"
             }
          ]
       },

       {
          "Permission":[
             {
                "label":"Can View",
                "value":"can_view"
             },
             {
                "label":"Can Create",
                "value":"can_create"
             }
          ]
       }
    ]

I am trying to get permission objects from list of my data objects. I am using filter method for geting Permission array and want to convert permission objects, but I got nested arrays . where is the problem?

let dataPer = data.permissions.filter(item=>item.Permission).map(item=>item.Permission)

console.log(dataPer)

My accepted output would be :

 let output= {

       Permission:{
         can_view:"can_view",
       can_create:"can_create"

       }
   }

The "accepted output" is not a valid object. Please at least do some research and testing before posting a question. — palaѕн
– palaѕн, Commented Mar 26, 2020 at 14:15
Can you give a proper example of the kind of output you want ? — Shravan Dhar
– Shravan Dhar, Commented Mar 26, 2020 at 14:24
[{ "Permission":[ { "label":"Can View", "value":"can_view" }, { "label":"Can Create", "value":"can_create" } ] } ] I want to get output from this. my output would be : let output= { can_view:"can_view", can_create:"can_create" } — sujon
– sujon, Commented Mar 26, 2020 at 14:28

codeanjero · Accepted Answer · 2020-03-26 14:40:53Z

Well you could try something like this :

 let data=[
       {
          "Book":[
             {
                "label":"Can View",
                "value":"can_view"
             },
             {
                "label":"Can Create",
                "value":"can_create"
             }
          ]
       },
       {
          "Articles":[
             {
                "label":"Can View",
                "value":"can_view"
             }
         ]
       },
       {
          "Journals":[

             {
                "label":"Can Upload",
                "value":"can_upload"
             },
             {
                "label":"Can Download",
                "value":"can_download"
             }
          ]
       },

       {
          "Permission":[
             {
                "label":"Can View",
                "value":"can_view"
             },
             {
                "label":"Can Create",
                "value":"can_create"
             }
          ]
       }
    ];
let myPermissionObjects = [];
let permissionConvert = ()=>{
for(let current in data)
    for(let currentObject in data[current])
      for(let currentResult in data[current][currentObject])
        myPermissionObjects.push(data[current][currentObject][currentResult]);

};
permissionConvert();
console.log(myPermissionObjects);

if i understood your problem correctly

for the object permission only :

let data=[
           {
              "Book":[
                 {
                    "label":"Can View",
                    "value":"can_view"
                 },
                 {
                    "label":"Can Create",
                    "value":"can_create"
                 }
              ]
           },
           {
              "Articles":[
                 {
                    "label":"Can View",
                    "value":"can_view"
                 }
             ]
           },
           {
              "Journals":[

                 {
                    "label":"Can Upload",
                    "value":"can_upload"
                 },
                 {
                    "label":"Can Download",
                    "value":"can_download"
                 }
              ]
           },

           {
              "Permission":[
                 {
                    "label":"Can View",
                    "value":"can_view"
                 },
                 {
                    "label":"Can Create",
                    "value":"can_create"
                 }
              ]
           }
        ];
    let myPermissionObjects = [];
    let permissionConvert = ()=>{
    for(let current in data)
        for(let currentObject in data[current].Permission)
          myPermissionObjects.push( data[current].Permission[currentObject]);


    };
    permissionConvert();
    console.log(myPermissionObjects);
    let onePermission = [];
    for(let next in myPermissionObjects)
    {
    onePermission["Permission"]=myPermissionObjects[next];
    console.log(myPermissionObjects[next]);
    }

I only need { "Permission":[ { "label":"Can View", "value":"can_view" }, { "label":"Can Create", "value":"can_create" } ] } this data

ESI · Accepted Answer · 2020-04-28 07:57:50Z

You can do it with reduce function, like this:

const data = [
  {
    Book: [
      {
        label: "Can View",
        value: "can_view"
      },
      {
        label: "Can Create",
        value: "can_create"
      }
    ]
  },
  {
    Articles: [
      {
        label: "Can View",
        value: "can_view"
      }
    ]
  },
  {
    Journals: [
      {
        label: "Can Upload",
        value: "can_upload"
      },
      {
        label: "Can Download",
        value: "can_download"
      }
    ]
  },

  {
    Permission: [
      {
        label: "Can View",
        value: "can_view"
      },
      {
        label: "Can Create",
        value: "can_create"
      }
    ]
  }
];

--

function getPermissionList() {
  const list = data
    .filter(item => item.Permission)[0]
    .Permission.reduce((list, item) => {
      list.push({ [item.label]: item.value });
      return list;
    }, {});
  return Object.assign({}, list);
}

sujon · Accepted Answer · 2020-03-26 14:44:59Z

0

I got the solution , but is it best for my code

let dataPer = data.permissions.filter(item=>item.Permission)
const result = Object.assign({},dataPer)

let res = result[0].Permission.map(item=>{
  return {
    [item.value]:item.value
  }
})
const obj = Object.assign({},res)
console.log(obj[0].can_view)

answered Mar 26, 2020 at 14:44

sujon

3673 silver badges15 bronze badges

1 Comment

codeanjero Over a year ago

Depending on the operations you want to do with your object, yes it might be.

Collectives™ on Stack Overflow

How to convert array of nested objects to objects in javascript?

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related