Nested and Complex JSON examples

: 4121

Last Updated : 20/06/2022

Posted By :- vikas_jk

In previous post, I have mentioned how to Upload or Send File in Postman but now in this article, I have mentioned nested JSON examples which can be useful if you are sending data to server-side from front-end side or using Postman for testing API results.

We will start with easy examples and then move to complex examples.

Simple JSON object Example

Here is the basic JSON object, example

{
  "Sample":"StringValue", 
  "Id": 1
}

JSON Array Example

Here is the simple example of posting arrays in JSON.

[ 100, 200, 300, 400, 500 ]

Complex JSON array

Let's take a complex JSON array example and then loop values using Javascript

{
   First: [11, 12, 13, 14, 15],
   Second: [21, 22, 23],
   Third: [31, 32,33]

};

then to loop and get all values like "11,12,13..." data from above JSON, we can have Javascript as below

var json = {
   First: [11, 12, 13, 14, 15],
   Second: [21, 22, 23],
   Third: [31, 32,33]

};
for(var key in json) {
   for (var key1 in json[key]) {
       console.log(json[key][key1])
   }
}

Since, above JSON is more of array, so it was easy to loop using 'for' and then use 'key' as a reference to get value

Multiple JSON objects example

[
  {
    "Sample":"StringValue", 
    "Id": 1
  },
  {
    "Sample":"StringValue2", 
    "Id": 2
  },
  {
    "Sample":"StringValue3", 
    "Id": 3
  }
]

If we want to loop all json objects, we can simply use below Javascript

var objct = JSON.parse('[{ "Sample":"StringValue","Id": 1},{ "Sample":"StringValue2", "Id": 2},{"Sample":"StringValue3", "Id": 3}]');
Object.entries(objct).forEach((entry) => {
  const [key, value] = entry;
  console.log(`${key}: ${value.Sample}`); //.Sample is Property
});

Output:

"0: StringValue"
"1: StringValue2"
"2: StringValue3"

json-nested-example-loop

Nested JSON object Example

Let's take a look at another JSON example, but nested one, like object inside object json

{
	"id": "1",
	"type": "icecream",
	"name": "Vanilla Cone",
	"image":
		{
			"url": "img/01.png",
			"width": 200,
			"height": 200
		},
	"thumbnail":
		{
			"url": "images/thumbnails/01.png",
			"width": 32,
			"height": 32
		}
}

To Get value of "image" -> "height" from above JSON, we can have Javascript code to parse and then get value would be

var objct = JSON.parse('{"id":"1","type":"icecream","name":"Vanilla Cone","image":{"url":"img/01.png","width":200,"height":200},"thumbnail":{"url":"images/thumbnails/01.png","width":32,"height":32}}');

console.log(objct.image.height);
//output: 200

Complex Nested Objects JSON example

If you are passing JSON like objects inside object, then it can have JSON like below:

{
    "data": [
        {
            "MainId": 1111,
            "firstName": "Sherlock",
            "lastName": "Homes",
            "categories": [
                {
                    "CategoryID": 1,
                    "CategoryName": "Example"
                }
            ]
        },
        {
            "MainId": 122,
            "firstName": "James",
            "lastName": "Watson",
            "categories": [
                {
                    "CategoryID": 2,
                    "CategoryName": "Example2"
                }
            ]
        }
    ],
    "messages": [], // blank json
    "success": true // boolean value
}

In the above JSON, we have nested JSON inside "data" object, then we 2 values and inside that we have Categories Array.

So, if you want to take the firstName of second data value, then it would be like data[1].firstName

var objct = JSON.parse('{"data": [{ "MainId": 1111,"firstName": "Sherlock","lastName": "Homes","categories": [ {"CategoryID": 1,"CategoryName": "Example"}]},{"MainId": 122,"firstName": "James", "lastName": "Watson", "categories": [{ "CategoryID": 2,"CategoryName": "Example2"}]}], "messages": [], "success": true }');


console.log(objct.data[1].firstName); 
//output
//James

That's it, these are some of the complex and nested JSON example, which can be helpful for front-end or back-end developer.