将一种JSON格式转换为另一种

Question

I want to convert one below json format to respective json format. The Json I receive from Rest services is not supporting the design.I tired to implement the below list view

http://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=listView&demo=jsonHierListView

JSON Format (I receive from Rest services)

{
  "ActionHistory": [{
      "id": "action",
      "name": "Action History",
      "children": [{
        "childrenItem": {
          "id": "action1",
          "type": "fa fa-info",
          "empId": "101",
          "ActionDate": "on 18-Apr-2017 18:20:32",
          "Action": "Submit",
          "From": "Deb Raphaely",
          "To": "Neena Kochlar",
          "pic": "deb_avatar",
          "Details": ""
        }
      }, {
        "childrenItem": {
          "id": "action2",
          "type": "fa fa-info",
          "empId": "101",
          "ActionDate": "on 19-Apr-2017 18:20:32",
          "Action": "Approve",
          "From": "Neena Kochlar",
          "To": "James",
          "pic": "neena_avatar",
          "Details": ""
        }
      }]
    },
    {
      "id": "action",
      "name": "Action History2",
      "children": [{
        "childrenItem": {
          "id": "action1",
          "type": "fa fa-info",
          "empId": "101",
          "ActionDate": "on 18-Apr-2017 18:20:32",
          "Action": "Submit",
          "From": "Deb Raphaely",
          "To": "Neena Kochlar",
          "pic": "deb_avatar",
          "Details": ""
        }
      }, {
        "childrenItem": {
          "id": "action2",
          "type": "fa fa-info",
          "empId": "101",
          "ActionDate": "on 19-Apr-2017 18:20:32",
          "Action": "Approve",
          "From": "Neena Kochlar",
          "To": "James",
          "pic": "neena_avatar",
          "Details": ""
        }
      }]
    }
  ]
}

JSON format I need

{
  "ActionHistory": [

    {
      "attr": {
        "id": "action",
        "name": "Action History"
      },
      "children": [{
          "attr": {
            "id": "action1",
            "type": "fa fa-info",
            "empId": "101",
            "ActionDate": "on 18-Apr-2017 18:20:32",
            "Action": "Submit",
            "From": "Deb Raphaely",
            "To": "Neena Kochlar",
            "pic": "deb_avatar",
            "Details": ""
          }
        },
        {
          "attr": {
            "id": "action2",
            "type": "fa fa-info",
            "empId": "101",
            "ActionDate": "on 19-Apr-2017 18:20:32",
            "Action": "Approve",
            "From": "Neena Kochlar",
            "To": "James",
            "pic": "neena_avatar",
            "Details": ""
          }
        }

      ]
    }, {
      "attr": {
        "id": "action",
        "name": "Action History"
      },
      "children": [{
          "attr": {
            "id": "action1",
            "type": "fa fa-info",
            "empId": "101",
            "ActionDate": "on 18-Apr-2017 18:20:32",
            "Action": "Submit",
            "From": "Deb Raphaely",
            "To": "Neena Kochlar",
            "pic": "deb_avatar",
            "Details": ""
          }
        },
        {
          "attr": {
            "id": "action2",
            "type": "fa fa-info",
            "empId": "101",
            "ActionDate": "on 19-Apr-2017 18:20:32",
            "Action": "Approve",
            "From": "Neena Kochlar",
            "To": "James",
            "pic": "neena_avatar",
            "Details": ""
          }
        }

      ]
    }
  ]
}

I tired to convert the JSON format and it worked well for JSON array of length=1.For greater Array length it is not working. Here is my code https://jsfiddle.net/72mz5zft/

Answer 1

I think essentially what you're trying to do is pretty simple mapping:

 var person={"ActionHistory":[ { "id": "action", "name": "Action History", "children": [ {"childrenItem": { "id": "action1", "type": "fa fa-info", "empId": "101", "ActionDate": "on 18-Apr-2017 18:20:32", "Action": "Submit", "From": "Deb Raphaely", "To":"Neena Kochlar", "pic":"deb_avatar", "Details":"" } },{"childrenItem": { "id": "action2", "type": "fa fa-info", "empId": "101", "ActionDate": "on 19-Apr-2017 18:20:32", "Action": "Approve", "From": "Neena Kochlar", "To":"James", "pic":"neena_avatar", "Details":"" } }, {"childrenItem": { "id": "action2", "type": "fa fa-info", "empId": "101", "ActionDate": "", "Action": "Pending", "From": "James", "To":"", "pic":"james_avatar", "Details":"" } } ] } ]}; var result = { ActionHistory: person.ActionHistory.map(function(item){ return {attr: { id: item.id, name: item.name, children: item.children.map(function(child){ return { attr: child.childrenItem } }) }} }) }; console.log(result);