Printing nested JSON without using variable names

Question

a web service returns the following nested json object:

{"age":"21-24","gender":"Male","location":"San Francisco, CA","influencer score":"70-79","interests":{"Entertainment":{"Celebrities":{"Megan Fox":{},"Michael Jackson":{}},},"Social Networks & Online Communities":{"Web Personalization": {},"Journals & Personal Sites": {},},"Sports":{"Basketball":{}},},"education":"Completed Graduate School","occupation":"Professional/Technical","children":"No","household_income":"75k-100k","marital_status":"Single","home_owner_status":"Rent"}

i just want to iterate through this object without specifying property name, i tried the following code :

for (var data in json_data) {
    alert("Key:" + data + " Values:" + json_data[data]);
}

however it prints value as [object Object] if it's a nested value, is there any way to keep iterating deeper into nested values ?

Barrett · Accepted Answer · 2014-04-10 19:08:35Z

7

Try this:

function iter(obj) {
  for (var key in obj) {
    if (typeof(obj[key]) == 'object') {
      iter(obj[key]);
    } else {
      alert("Key: " + key + " Values: " + obj[key]);
    }
  }
}

BB: added + to prevent error.

edited Apr 10, 2014 at 19:08

Barrett

1672 silver badges7 bronze badges

answered Nov 5, 2010 at 21:01

g.d.d.c

48.3k12 gold badges105 silver badges116 bronze badges

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

1 Comment

John Hartsock Over a year ago

typeof(someObject) returns "object" not "Object"...Note the lowercase "o"

John Hartsock · Accepted Answer · 2010-11-05 21:07:41Z

3

You can do this recursively.

function alertobjectKeys(data) {
  for (var key in data) {
    if (typeof(data[key]) == "object" && data[key] != null) {
      alertobjectKeys(data[key]);
    } else {
      alert("Key:" + key + " Values:" + data[key]);
    }
  }
}

edited Nov 5, 2010 at 21:07

answered Nov 5, 2010 at 21:01

John Hartsock

87.1k23 gold badges135 silver badges146 bronze badges

1 Comment

g.d.d.c Over a year ago

Inside your nested call you need data[key] - otherwise you're simply reiterating the same object you received.

MooGoo · Accepted Answer · 2010-11-05 21:04:17Z

0

This of course requires recursion

(function(obj) {
  for (var key in obj) if (obj.hasOwnProperty(key)) {
    if (typeof obj[key] == 'object' && obj[key] !== null)
      arguments.callee(obj[key]);
    else 
      alert("Key: " + key + " Values: " + obj[key]);
  }
)(json_data));

answered Nov 5, 2010 at 21:04

MooGoo

48.5k4 gold badges42 silver badges33 bronze badges

1 Comment

palswim Over a year ago

Doesn't require recursion, but recursion can help if your data isn't ridiculously large.

Anthony Corbelli · Accepted Answer · 2010-11-05 21:06:42Z

0

function recursiveParse(variable) { 
    for (var key in variable) {
        if ((is_object(variable[key])) || (is_array(variable[key]))) {
            recursiveParse(variable[key]);
        } else {
            // Process variable here
        }
    }
}

Then just call that function with the parameter being the json data, it will parse through the remaining objects and arrays recursively.

answered Nov 5, 2010 at 21:06

Anthony Corbelli

8755 silver badges10 bronze badges

2 Comments

Amr Ellafy Over a year ago

where are the definition for is_object() and is_array() ?

Anthony Corbelli Over a year ago

In another library I forgot to tell you about but am so used to that I forgot it wasn't core javascript. I apologize.

palswim · Accepted Answer · 2010-11-08 18:53:41Z

0

You can always create a recursive function:

function alertObj(obj) {
    for (var data in obj) {
        if(typeof(obj[data]) === "object")
            alertObj(obj[data]);
        else
            alert("Key:" + data + " Values:" + obj[data]);
    }
}

As long as you aren't worried about recursing too far (which you probably don't need to with JSON objects).

You can also do this with a queue or stack (array) structure:

function alertObj_queue(obj) { // Breadth-first
    var arrPrint = [{key:"Object", data:obj}]; // Initialize array with original object

    for(var i = 0; i < arrPrint.length; i++) {
        if(typeof(arrPrint[i].data) === "object") {
            for(var k in arrPrint[i].data) { // Add each to end of array
                arrPrint.push({key: k, data: arrPrint[i].data[k]});
            }
            alert("Object key: " + arrPrint[i].key);
        } else {
            alert("Key:" + arrPrint[i].key + " Values:" + arrPrint[i].data);
        }
    }
}

function alertObj_stack(obj) { // Depth-first
    var arrPrint = [{key:"Object", data:obj}]; // Initialize array with original object

    while(arrPrint.length) {
        var o = arrPrint.pop();
        if(typeof(o.data) === "object") {
            for(var k in o.data) { // Add each to end of array
                arrPrint.push({key: k, data: o.data[k]});
            }
            alert("Object key: " + o.key);
        } else {
            alert("Key:" + o.key + " Values:" + o.data);
        }       
    }
}

edited Nov 8, 2010 at 18:53

answered Nov 5, 2010 at 21:03

palswim

12.2k8 gold badges57 silver badges79 bronze badges

3 Comments

John Hartsock Over a year ago

your code is not right. You pass in obj but use json_data in your for loop....json_data is undefined.

Amr Ellafy Over a year ago

unfortunately both does not work, they only go through the 1st level

palswim Over a year ago

@HeoQue: You only see alerts on the first level because in your data, everything below the first level is an object, so the loop will look at "Sports" and see that it's an object, then go down to "Basketball" and see that it's also an object, so it won't alert for any of those. It would probably make things easier to have some of your JSON data as arrays ("Sports", "Celebrities", etc.).

Stormbytes · Accepted Answer · 2011-04-18 00:58:35Z

0

I'm guessing that in your request (assuming it's Ajax) you aren't specifying the dataType to be returned as 'json'.

answered Apr 18, 2011 at 0:58

Stormbytes

1774 silver badges11 bronze badges

Collectives™ on Stack Overflow

Printing nested JSON without using variable names

6 Answers 6

1 Comment

1 Comment

1 Comment

2 Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

1 Comment

1 Comment

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related