trying to access keys and values from a nested json - javascript

Question

I have a nested json which looks like this:

{'services': 
    {
        'serviceA': 'OptionA',
        'serviceB': 'OptionB',
        'serviceC': null
    },
'AttributeB': 'ValueB',
'AttributeC': 'ValueC'
}

I would like to render nested json (services) in a tabular format like this:

services option serviceA OptionA serviceB OptionB serviceC

I was trying something like this:

var myJSONObject =  {'services': 
        {
            'serviceA': 'OptionA',
            'serviceB': 'OptionB',
            'serviceC': null
        },
    'AttributeB': 'ValueB',
    'AttributeC': 'ValueC'
    };

for(var i = 0; i < myJSONObject.services.length; i++)
{
    var product = myJSONObject.services[i];
    alert(product.key);
    alert(product.value);
}

This doesn't seem to help. I am guessing I am retrieving the object in an incorrect manner. Can somebody help?

When you type product.key, are you actually typing product.AttributeB? Also, use console.log() to see what the values are of things you're printing. — ale10ander
– ale10ander, Commented May 26, 2016 at 16:48
You are iterating over an object but using the array syntax. Use the for in loop to iterate over the object instead of for loop. — TeaCoder
– TeaCoder, Commented May 26, 2016 at 16:49

Nikhil Aggarwal · Accepted Answer · 2016-05-26 16:48:33Z

3

services is an object and you need to iterate over its properties. For that you can try following

var myJSONObject =  {'services': 
        {
            'serviceA': 'OptionA',
            'serviceB': 'OptionB',
            'serviceC': null
        },
    'AttributeB': 'ValueB',
    'AttributeC': 'ValueC'
    };

for(var key in myJSONObject.services)
{
    alert(key);
    alert(myJSONObject.services[key]);
}

answered May 26, 2016 at 16:48

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

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

2 Comments

chrisrhyno2003 Over a year ago

Perfect! This worked 100%. I am a bit new to nested JSON and properties! Thank you again @nikhil

Nikhil Aggarwal Over a year ago

@chrisrhyno2003 - Happy to help you

TeaCoder · Accepted Answer · 2016-05-26 17:00:00Z

0

@nikhil's answer works but you might want to check for properties using hasOwnProperty also to be on the safe side.

let services = myJSONObject.services
for(let key in services)
{
   if(services.hasOwnProperty(key)) {
     console.log(key);
     console.log(services[key]);
   }
}

answered May 26, 2016 at 17:00

TeaCoder

1,96715 silver badges13 bronze badges

Comments

RomanPerekhrest · Accepted Answer · 2016-05-26 17:30:16Z

0

Short solution using Object.keys and Array.forEach functions:

var services = myJSONObject['services'];
Object.keys(services).forEach((key) => console.log(key + ' : '+ (services[key] || "")));

The output:

serviceA : OptionA
serviceB : OptionB
serviceC :

answered May 26, 2016 at 17:30

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

Collectives™ on Stack Overflow

trying to access keys and values from a nested json - javascript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related