Kursus Membuat Web

iklan

Sintak JSON

sintak JSON adalah bagian dari sintak JavaScript.

Aturan Sintak JSON :

sintak JSON adalah bagian dari sintak JavaScript Object Notation :

  • Data dalam pasangan nama / nilai
  • Data dipisahkan dengan koma
  • Sebuah objek dalam kurung kurawal
  • Sebuah array dalam kurung siku

Data JSON – dalam pasangan nama / nilai

Data JSON ditulis dengan pasangan nama / nilai.

Sepasang nama / nilai terdiri dari nama field ( dalam tanda kutip ganda ), diikuti oleh titik dua, diikuti oleh nilai.

Contoh
"namaDepan":"John"

JSON Nilai

Nilai JSON dapat :

  • number ( integer atau floating point )
  • string ( dalam tanda kutip ganda )
  • boolean ( true atau false )
  • array ( dalam tanda kurung siku )
  • objek ( dalam kurung kurawal )
  • null

JSON Object

JSON objek ditulis dalam kurung kurawal.

Sama seperti JavaScript, JSON objek dapat berisi banyak pasangan nama / nilai.

Contoh
{"namaDepan":"John", "namaBelakang":"Doe"}

JSON Array

JSON array ditulis dalam tanda kurung siku.

Sama seperti JavaScript, JSON array dapat berisi beberapa objek.

Contoh
"karyawan":[
 {"namaDepan":"John", "namaBelakang":"Doe"}, 
 {"namaDepan":"Anna", "namaBelakang":"Smith"}, 
 {"namaDepan":"Peter","namaBelakang":"Jones"}
]

Pada contoh di atas, objek " karyawan " adalah array yang berisi tiga objek. Setiap objek adalah tentang seseorang ( dengan nama depan dan nama belakang ).

JSON Menggunakan JavaScript Sintak

Karena JSON menggunakan JavaScript sintak, tidak ada perangkat lunak tambahan yang diperlukan untuk bekerja dengan JSON dalam JavaScript.

Dengan JavaScript Anda dapat membuat berbagai objek dan menetapkan data untuk itu, seperti ini :

Contoh
var karyawan =  [
  {"namaDepan":"John", "namaBelakang":"Doe"},
  {"namaDepan":"Anna", "namaBelakang":"Smith"},
  {"namaDepan":"Peter","namaBelakang": "Jones"}
];

Data pertama di objek JavaScript array dapat diakses seperti ini :

Contoh
<!doctype html>
<html lang="id">
  <head>
	<title>Contoh Objek Array JSON</title>
	<meta  charset="UTF-8">
  </head>
  <body>
	<p>How to create a JavaScript object array.</p>
	<p id="demo"></p>
		<script>
			  var employees = [
			  {
			  "firstName":"John",
			  "lastName":"Doe"
			  }, 
			  {
			  "firstName":"Anna",
			  "lastName":"Smith"
			  },
			  {
			  "firstName":"Peter",
			  "lastName":"Jones"
			  }
			  ];
			  document.getElementById("demo").innerHTML =
			  employees[0].firstName + " " + employees[0].lastName;
			  </script>
</body>
</html>

Lihat ...

Atau dapat juga diakses seperti ini :

Contoh
<!doctype html>
<html lang="id">
  <head>
	<title>Contoh Objek Array JSON</title>
	<meta  charset="UTF-8">
  </head>
  <body>
	<p>How to create a JavaScript object array.</p>
	<p id="demo"></p>
	<script>
	  var employees = [
	  {
	  "firstName":"John",
	  "lastName":"Doe"
	  }, 
	  {
	  "firstName":"Anna",
	  "lastName":"Smith"
	  },
	  {
	  "firstName":"Peter",
	  "lastName":"Jones"
	  }
	  ];
	  document.getElementById("demo").innerHTML =
	  employees[0]["firstName"] + " " + employees[0]["lastName"];
	  </script>
</body>
</html>

Lihat ...

Data dapat diubah seperti ini :

Contoh
<!doctype html>
<html lang="id">
  <head>
	<title>Contoh Objek Array JSON</title>
	<meta  charset="UTF-8">
  </head>
  <body>
	<p>How to create a JavaScript object array.</p>
	<p id="demo"></p>
		<script>
		  var employees = [
		  {
		  "firstName":"John",
		  "lastName":"Doe"
		  }, 
		  {
		  "firstName":"Anna",
		  "lastName":"Smith"
		  },
		  {
		  "firstName":"Peter",
		  "lastName":"Jones"
		  }
		  ];
		employees[0].firstName="Gilbert";
		  document.getElementById("demo").innerHTML =
		  employees[0].firstName + " " + employees[0].lastName;
		  </script>
</body>
</html>

Lihat ...

Atau dapat juga diubah seperti ini :

Contoh
<!doctype html>
<html lang="id">
  <head>
	<title>Contoh Objek Array JSON</title>
	<meta  charset="UTF-8">
  </head>
  <body>
	<p>How to create a JavaScript object array.</p>
	<p id="demo"></p>
		<script>
		  var employees = [
		  {
		  "firstName":"John",
		  "lastName":"Doe"
		  }, 
		  {
		  "firstName":"Anna",
		  "lastName":"Smith"
		  },
		  {
		  "firstName":"Peter",
		  "lastName":"Jones"
		  }
		  ];
		employees[0]["firstName"]="Gilbert";
		  document.getElementById("demo").innerHTML =
		  employees[0].firstName + " " + employees[0].lastName;
		  </script>
</body>
</html>

Lihat ...

Berikutnya Anda akan belajar bagaimana mengkonversi teks JSON ke objek JavaScript.

JSON File

  • Jenis file untuk file JSON adalah " .json "
  • Jenis MIME untuk JSON teks " application / json "
Sebelumnya ...   Berikutnya ...

muhammad falah

Saya Muhammad Falah, jika Anda ingin langsung belajar dengan Saya, silakan ikuti kursus membuat web yang Saya bimbing atau ikuti Saya di :

Muhammad Falah Youtube Channel Muhammad Falah LinkedIn Muhammad Falah Google Plus Muhammad Falah Twitter Muhammad Falah Facebook

copy right © 2015