شیء ها در JSON – آموزش JSON

پنجشنبه ۱۱ مهر ۱۳۹۸
بازدید ۱,۱۶۴ نفر
یعثوب سیفی زاده
(15 امتیاز از 3 رای)
Loading...

تصویر json-objects_7152 شیء ها در JSON - آموزش JSON

شیء ها در JSON

در زیر می توانید روش های ایجاد یک شیء در JSON را مشاهده می کنید.

ایجاد شیء خالی:

var JSONObj = {};

1	var JSONObj = {};

نمونه سازی از شیء Object()

var JSONObj = new Object();

1	var JSONObj = new Object();

ایجاد یک شیء با خاصیت bookname از نوع string و خاصیت price از نوع number. برای دسترسی به خاصیت های یک شیء از ‘.’ استفاده می شود.

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

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

مثال زیر نحوه ایجاد یک شیء در جاوا اسکرپیت با استفاده از JSON را نشان می دهد. کد زیر را با نام json_object.htm ذخیره کنید:

<html>
   <head>
      <title>Creating Object JSON with JavaScript</title>
      <script language = "javascript" >
         var JSONObj = { "name" : "sourcesara.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>

<html>

<head>

<title>Creating Object JSON with JavaScript</title>

var JSONObj = { "name" : "sourcesara.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>

امتحان کنید

حال اگر آن فایل را اجرا کنید خروجی زیر را مشاهده خواهید کرد.

تصویر json-objects_7152_1 شیء ها در JSON - آموزش JSON

آرایه ای از شیء ها

مثال زیر نحوه ایجاد آرایه ای از شیء ها در جاوا اسکریپت با استفاده از JSON را نشان می دهد. کد زیر را با نام 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>