从嵌套数组到对象的json转换

Question

I have json nested array as follows:

 Parent: {
      Child1: [
        {name:'grandchild1', value:'abc', checked:true},
        {name:'grandchild2', value:'pqr', checked:false}
      ],
      Child2: [
        {name:'grandchild3', value:'abcd', checked:false},
        {name:'grandchild4', value:'pqrs', checked:true}
      ],
parent2{...........}....
    };

I need to convert it into:

 [  
   {  
      "filename":"Parent",
      "children":[  
         {  
            "filename":"Child1",
            "children":[  
               {  
                  "filename":"grandchild1",
                  "type":"ts"
               },
               {  
                  "filename":"grandchild2",
                  "type":"ts"
               }
            ]
         },
         {  
            "filename":"Child2",
            "children":[  
               {  
                  "filename":"grandchild3",
                  "type":"ts"
               },
               {  
                  "filename":"grandchild4",
                  "type":"ts"
               }
            ]
         }
      ]
   },
   { filename:"Parent1"..........
   },....
]

It is a part of angular material tree. They have sample code Link

Tried with below code:

Object.keys(obj).reduce<FileNode[]>((accumulator, key) => {
      const value = obj[key];
      const node = new FileNode();
      node.filename = key;

      if (value != null) {
        if (typeof value === 'object') {
          node.children = this.buildFileTree(value, level + 1);
        } else {
          node.type = value;
        }
      }

      return accumulator.concat(node);
    }, []);
  }

But not getting what I need.

Please suggest me how can I convert into the following format so that it will accept the corresponding way?

Answer 1

You can use the for of and for in functions

 const list = {Parent1 :{ Child1: [ {name:'grandchild1', value:'abc', checked:true}, {name:'grandchild2', value:'pqr', checked:false} ] , Child2: [ {name:'grandchild3', value:'abcd', checked:false}, {name:'grandchild4', value:'pqrs', checked:true} ] }, Parent2 :{ Child1: [ {name:'grandchild1', value:'abc', checked:true}, {name:'grandchild2', value:'pqr', checked:false} ] , Child2: [ {name:'grandchild3', value:'abcd', checked:false}, {name:'grandchild4', value:'pqrs', checked:true} ] }}; const res = [] for(let parent in list){ let parentTemp = { filename : parent, children : [] } for(let child in list[parent]){ let childTemp = {filename : child, children : []}; for(let grandChild of list[parent][child]){ childTemp.children.push({filename : grandChild.name, type : grandChild.value, status: grandChild.checked}); } parentTemp.children.push(childTemp); } res.push(parentTemp); } console.log(res);