stavros-s
4/18/2013 - 11:54 AM

JSON array object creation in JavaScript.

JSON array object creation in JavaScript.

JSON array object.htm
content_copyfile_download
<html>


  <head>


    <title>
      Creation of array object in javascript using JSON
        
    </title>


    <script language="javascript" >

      document.writeln
        ("<h2>JSON array object</h2>");


      var books =
      {
        
        "Pascal" : 
        [
          
          {
            "Name" : "Pascal Made Simple",
            "price" : 700 
          },
          
          {
            "Name" : "Guide to Pascal",
            "price" : 400 
          }
          
        ],
        
        
        "Scala" : 
        [
          
          {
            "Name" : "Scala for the Impatient",
            "price" : 1000 
          },
          
          {
            "Name" : "Scala in Depth",
            "price" : 1300 
          }
          
        ]
        
        
      }



      var i = 0;
      
      document.writeln
      ("<table border='2'><tr>");
      
    
      for (i=0; i<books.Pascal.length; i++)
      {
        
        document.writeln
          ("<td>");

        document.writeln
          ("<table border='1' width=100 >");
        
        document.writeln
          ("<tr><td><b>Name</b></td><td width=50>"
          + books.Pascal[i].Name+"</td></tr>");
          
        document.writeln
          ("<tr><td><b>Price</b></td><td width=50>"
          + books.Pascal[i].price +"</td></tr>");
          
        document.writeln
          ("</table>");
          
        document.writeln
        ("</td>");
        
      }
      
   
   
      for (i=0; i<books.Scala.length; i++)
      {
        
        document.writeln
          ("<td>");
          
        document.writeln
          ("<table border='1' width=100 >");
          
        document.writeln
          ("<tr><td><b>Name</b></td><td width=50>"
          + books.Scala[i].Name 
          + "</td></tr>");
          
        document.writeln
          ("<tr><td><b>Price</b></td><td width=50>"
          + books.Scala[i].price 
          + "</td></tr>");
          
        document.writeln
          ("</table>");
          
        document.writeln
          ("</td>");

      }
      
      
      document.writeln
      ("</tr></table>");
      
      
    </script>


  </head>


  <body>
  </body>


</html>