nesting elements json

A nested data structure is an array or object which refers to other arrays or objects, i.e. its values are arrays or objects. Such structures can be accessed by consecutively applying dot or bracket notation.

Example :

<!DOCTYPE HTML>
<html>
<head>
<title>JSON</title>
</head>
<script>
function func()
{
  var data =
   { // starting first array data
      code : 42,
      items : 
      [ // starting second array items
        {
          id : 1,
          name : 'foo'
        },
        {
          id : 2,
          beverages : // starting third array beverages
          [
            {
              soft : 'cold drink',
              hot : 'tea'
            },
            {
              refreshing : 'onjuice',
              forGeeks : 'you need lot of coffee'
            } 
         ] // ending beverages
        } // ending second element of item
      ] // ending item array
   }; // ending data
  
  /***********setting values************/
  
  // will output :	foo
  document.getElementById("id2").innerHTML = data.code; 
  
  // will output : 42
  document.getElementById("id1").innerHTML = data.items[0].name;
  
  // will output : 2
  document.getElementById("id3").innerHTML = data.items[1].id;
  
  // will output : you need lot of coffee
  document.getElementById("id4").innerHTML = data.items[1].beverages[1].forGeeks;
  /********ending setting values*********/
  
} // ending JavaScript function
</script>
<body onLoad="func()">
	<p id="id1"></p>
	<p id="id2"></p>
	<p id="id3"></p>
	<p id="id4"></p>
</body>
</html>

Output :

foo

42

2

you need lot of coffee