Printing each JSON input path from a complex JSON object

Question

Suppose I have the following JSON object:

{"root":{"Child":0, "Child1":0, "Child2":[0, 0, 0, 0]}}

This JSON object may be complex.

I'm interested in printing each input path from my complex JSON object in JQUERY. My output should look like:

{"root":{"Child":0}}
{"root":{"Child1":0}}
{"root":{"Child2[0]":0}}
{"root":{"Child2[1]":0}}
{"root":{"Child2[2]":0}}
{"root":{"Child2[3]":0}}

How would you print a complex JSON object in this way without specifying the name of JSON variables in Jquery?

for(var item in json) then your actual item is in json[item] assuming that json is your variable. It doesn't really use anything from jquery, but is still my most favourite approach. Otherwise try the comment from @Tyranicangel that works also and uses jquery — jPO
– jPO, Commented Mar 4, 2015 at 11:21
But you should to specify which variables from your JSON object you are interested in. If my JSON object included many different variables, it would be rough to specify every variable in Jquery. @Tyranicangel — user4214837
– user4214837, Commented Mar 4, 2015 at 11:22

NavyCody · Accepted Answer · 2015-03-04 12:15:56Z

1

Tried a recursive approach to print all properties.

     var json={"root":{"Child":0, "Child1":0, "Child2":[0, 0, 0, 0]}}

     function prettyPrint(json,path,depth)
     {
      var keys=Object.keys(json);    
      if(keys.length==0)
     {   
       var outp=path+":"+json;
       for(var i=0;i<depth;i++)
       {
        outp+="}";  
      }
       console.log(outp);
     }      
     else
     {    
      depth++;  
      for(var i=0;i<keys.length;i++)
      {  
        prettyPrint(json[keys[i]],path+":{"+keys[i],depth);    
     }
    }
  }  

  prettyPrint(json,"",0);

Output is

    {root:{Child:0}}
    {root:{Child1:0}}
    {root:{Child2:{0:0}}}
    {root:{Child2:{1:0}}}
    {root:{Child2:{2:0}}}
    {root:{Child2:{3:0}}}

Alter this fiddle to suit to your needs

http://jsfiddle.net/cwmgwok4/1/

edited Mar 4, 2015 at 12:15

answered Mar 4, 2015 at 11:51

NavyCody

4922 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gopinath Shiva · Accepted Answer · 2015-03-04 11:49:10Z

0

Hope you are looking for it, but this looks weird though :P

var obj = {"root":{"Child":0, "Child1":0, "Child2":[0, 0, 0, 0]}};
for (var item in obj){
  if(typeof obj[item] == 'object'){
    for (key in obj[item]) {
      if (obj[item].hasOwnProperty(key)) {       
        if(typeof obj[item][key] == 'object'){
          for(var keyValue in obj[item][key]){
            //console.log(obj[item][key][keyValue])
            console.log('{'+item+':'+'{'+key+':'+obj[item][key][keyValue]+'}}') ;  
          }
        }
        else{
          console.log('{'+item+':'+'{'+key+':'+obj[item][key]+'}}') ;  
        }
      }
    }
  }
}

answered Mar 4, 2015 at 11:49

Gopinath Shiva

3,8905 gold badges30 silver badges50 bronze badges

Comments

lshettyl · Accepted Answer · 2015-03-04 12:18:08Z

0

Here is my dirty jQuery (since your question is tagged) version:

Demo1@Fiddle

Demo2@Fiddle

var json = $.parseJSON('{"root":{"Child":0, "Child1":0, "Child2":[0, 0, 0, 0]}}'), arr = [], arrVal;

$.each(json, function(key, val) {
    if (typeof val === "object") {
        $.each(val, function(key1, val1) {
            if (typeof val1 === "object") {
                $.each(val1, function(key2, val2) {
                    arrVal = ['{"', key , '":{"', key1, '[', key2, ']":', val2, '}}'].join("");
                    arr.push(arrVal);
                });
            } else {
                arrVal = ['{"', key, '":{"', key1, '":', val1, '}}'].join("");
                arr.push(arrVal);
            }
        });
    }
});

edited Mar 4, 2015 at 12:18

answered Mar 4, 2015 at 12:12

lshettyl

8,1815 gold badges27 silver badges31 bronze badges

Collectives™ on Stack Overflow

Printing each JSON input path from a complex JSON object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related