JSON - Đối tượng

Tạo các đối tượng đơn giản

Các đối tượng JSON có thể được tạo bằng JavaScript. Hãy để chúng tôi xem các cách khác nhau để tạo các đối tượng JSON bằng JavaScript -

Tạo một đối tượng rỗng -

var JSONObj = {};

Tạo một đối tượng mới -

var JSONObj = new Object();

Tạo một đối tượng có thuộc tính bookname với giá trị trong chuỗi, thuộc tính pricevới giá trị số. Thuộc tính được truy cập bằng cách sử dụng '.' Nhà điều hành -

var JSONObj = { "bookname ":"VB BLACK BOOK", "price":500 };

Đây là một ví dụ cho thấy việc tạo một đối tượng trong javascript bằng cách sử dụng JSON, hãy lưu mã bên dưới dưới dạng json_object.htm -

<html>
   <head>
      <title>Creating Object JSON with JavaScript</title>
      <script language = "javascript" >
         var JSONObj = { "name" : "tutorialspoint.com", "year"  : 2005 };
		
         document.write("<h1>JSON with JavaScript example</h1>");
         document.write("<br>");
         document.write("<h3>Website Name = "+JSONObj.name+"</h3>");  
         document.write("<h3>Year = "+JSONObj.year+"</h3>");  
      </script>
   </head>
   
   <body>
   </body>	
</html>

Bây giờ chúng ta hãy thử mở Json Object bằng IE hoặc bất kỳ trình duyệt hỗ trợ javaScript nào khác. Nó tạo ra kết quả sau:

Tạo đối tượng mảng

Ví dụ sau cho thấy việc tạo một đối tượng mảng trong javascript bằng cách sử dụng JSON, hãy lưu mã dưới đây dưới dạng json_array_object.htm -

<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>

Bây giờ chúng ta hãy thử mở Json Array Object bằng IE hoặc bất kỳ trình duyệt hỗ trợ javaScript nào khác. Nó tạo ra kết quả sau: