Accessing JSON Information: Objects in Objects

Question

I have a JSON object that has a JSON object inside of it. It looks as follows:

{ 
  "skuInformation": {
     "hidden": "No",
     "description": "Glass Zipper Bags",
     "velocityClass": "Fast Mover",
     "currentCatalog": "Yes",
     "discontinued": "No",
     "sku": "1861900" 
  }
}

I need the access to the individual information inside of this object through JavaScript, but I'm having trouble trying to access it.

I have a function that parses this JSON object and is returned as jsonResponse. Let's say I needed sku description. I've tried console.log with jsonResponse.description, jsonResponse[0].description, and Object.keys(jsonResponse)[0].description. None of those work, all returning undefined. How do I gain access to the key-values inside of the JSON object?

You need to use it like this jsonResponse.skuInformation.description — Alexander Popov
– Alexander Popov, Commented Jul 7, 2016 at 16:33
Can someone please clarify why this is not valid json. I test it using jsonlint and it showed valid — brk
– brk, Commented Jul 7, 2016 at 16:37
It's a valid JS object, but JSON is a collection of objects with string keys and multi-type values. ex. [{"foo": "bar", "boo": 1, "far": {"nested": 3}}] — Seth
– Seth, Commented Jul 7, 2016 at 16:38

TimoStaudinger · Accepted Answer · 2016-07-07 16:40:03Z

2

Once you have parsed your JSON string into a JavaScript object, you can access nested objects using the . syntax:

var jsonResponse = {"skuInformation":{"hidden":"No","description":"Glass Zipper Bags","velocityClass":"Fast Mover","currentCatalog":"Yes","discontinued":"No","sku":"1861900"}};

var description = jsonResponse.skuInformation.description;
console.log(description); // Glass Zipper Bags

As an alternative, you can also access it using the bracket syntax [] with the key as a string:

var key = 'skuInformation';
var description = jsonResponse[key].description;

More about working with objects from MDN.

answered Jul 7, 2016 at 16:40

TimoStaudinger

42.7k16 gold badges91 silver badges96 bronze badges

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

Comments

Ben Aston · Accepted Answer · 2016-07-07 16:40:40Z

1

JSON.parse(json)['skuInformation']['description'];

JSON is a text format.

JavaScript objects are JavaScript objects (and not JSON).

edited Jul 7, 2016 at 16:40

answered Jul 7, 2016 at 16:37

Ben Aston

56.1k69 gold badges221 silver badges351 bronze badges

1 Comment

Oriol Over a year ago

You can remove the wrapping parentheses and use dots

Collectives™ on Stack Overflow

Accessing JSON Information: Objects in Objects

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related