In JSON Object parent key name remove and Include its inner content

Question

This is my JSON Object in this i want to remove "item" key from json and want to keep its inner object include with "children" and its tree like JOSN. How can I do this?

[
    {
      "item": {
        "id": 11865,
        "parentid": null,
        "levelid": 63,
        "name": "Total"
      },
      "children": [
        {
          "item": {
            "id": 10143,
            "parentid": 11865,
            "levelid": 19,
            "name": "Productive"
          }
        }
      ]
    }
  ]

Sorry for that, I explain this in new thread [link] http://stackoverflow.com/questions/35958657/how-to-create-json-like-a-tree-structure-using-id-and-parentid-from-other-json-o — code Zero, Mar 12 '16 at 14:12

gurvinder372 · Answer 1 · 2016-03-11T11:07:19.337

0

try

objArray = objArray.map( function(value){ 
   var item = value.item; 
   for( var key in item ) 
   { 
     value[key] = item[key]; 
   } 
   delete value.item; 
   return value;
});

DEMO

Explanation

1) Use map to iterate on each item (value) of this given array objArray.

2) Get the item property of value, assign them to value directly

3) Finally delete the item property of the value.

Faster option

objArray = objArray.map( function(value){ 
   var item = value.item; 
   var itemKeys = Object.keys(item); 
   for( var counter = 0; counter < itemKeys.length; counter++ ) 
   { 
     value[itemKeys[counter]] = item[itemKeys[counter]]; 
   } 
   delete value.item; 
   return value;
});

edited Mar 11 '16 at 11:07

answered Mar 11 '16 at 10:40

gurvinder372

66,980
10
72
94

will for-in query properties in the parent prototype ? Object.keys() better off from an efficiency stand point ? – trk Mar 11 '16 at 11:01
@82Tuskers Not sure I see a huge benefit in this case since number of properties are quite small. Will update the answer with another options anyways since `.keys` seems to be faster http://jsperf.com/object-keys-foreach-vs-for-in-hasownproperty/8 – gurvinder372 Mar 11 '16 at 11:05
yeah .. the problem is not so much in the user object but the host object. The user object will have that in its prototype chain. – trk Mar 11 '16 at 11:09

score 0 · Answer 2 · answered Mar 11 '16 at 10:41

If I'm understanding what you want your object to look like after correctly, then this should do the trick:

var arrayOfObjects = [
    {
      "item": {
        "id": 11865,
        "parentid": null,
        "levelid": 63,
        "name": "Total"
      },
      "children": [
        {
          "item": {
            "id": 10143,
            "parentid": 11865,
            "levelid": 19,
            "name": "Productive"
          }
        }
      ]
    }
]
arrayOfObjects.forEach(function(obj) {
  obj.id = obj.item.id;
  obj.parentid = obj.item.parentid;
  obj.levelid = obj.item.levelid;
  obj.name = obj.item.name;
  delete obj.item;
});

All this is doing is manually moving the data from obj.item to obj and then deleting obj.item entirely.

Nina Scholz · Answer 3 · 2016-03-11T11:08:40.710

You can use a recursion, which keeps the content of item and adds the children property as well.

function delItem(a, i, aa) {
    var children = a.children;
    if (a.item) {
        aa[i] = a.item;
        aa[i].children = children;
        delete a.item;
    }
    Array.isArray(children) && children.forEach(delItem);
}

var array = [{ "item": { "id": 11865, "parentid": null, "levelid": 63, "name": "Total" }, "children": [{ "item": { "id": 10143, "parentid": 11865, "levelid": 19, "name": "Productive" } }] }];
array.forEach(delItem);
document.write('<pre>' + JSON.stringify(array, 0, 4) + '</pre>');

trk · Answer 4 · 2016-03-11T11:00:03.673

I would do this:

//your original array of objects
var array = [{
  "item": {
    "id": 11865,
    "parentid": null,
    "levelid": 63,
    "name": "Total"
  },
  "children": [
    {
      "item": {
        "id": 10143,
        "parentid": 11865,
        "levelid": 19,
        "name": "Productive"
      }
    }
  ]
}, ...];

array.forEach(function(parent) {
    flattenKey(parent, 'item');
});

function flattenKey(parent, keyName) {
    var section = parent[keyName];
    var child = section ? section : {};
    var keys = Object.keys(child);
    keys.forEach(function(key) {
        parent[key] = child[key];
    })
    delete parent[keyName];
}

basically, the function flattenKey would flatten any key for a given object (given its key).

logic is similar to other solutions here: iterate through child keys and assign their values to the parent object (flattening).
then it deletes the child key after step 1.

In JSON Object parent key name remove and Include its inner content

4 Answers4