Javascript

Sintaks JSON: Aturan dan Nilai + Cara Membuatnya

Sintaks JSON adalah subset dari sintaks JavaScript.

Aturan Sintaks JSON

Sintaks JSON diturunkan dari sintaks notasi objek JavaScript, maka aturannya menjadi seperti ini:

  • Data dalam pasangan nama/nilai
  • Data dipisahkan dengan koma
  • Kurung kurawal menampung objek
  • Tanda kurung siku menampung array

Data JSON – Nama dan Nilai

Data JSON ditulis sebagai pasangan nama/nilai.

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

Contoh:

"name":"John"

Nama pada JSON membutuhkan tanda kutip ganda. Nama pada JavaScript tidak.

JSON – Mengevaluasi ke Objek JavaScript

Format JSON hampir identik dengan objek JavaScript.

Di JSON, kunci harus berupa string, ditulis dengan tanda kutip ganda:

{ "name":"John" }

Dalam JavaScript, kunci bisa berupa string, angka, atau nama pengenal:

JavaScript

{ name:"John" }

Nilai JSON

Di JSON, nilai harus berupa salah satu dari tipe data berikut:

  • string
  • angka
  • object (JSON object)
  • array
  • boolean
  • null

Dalam JavaScript, nilai dapat berupa semua hal di atas, ditambah ekspresi JavaScript valid lainnya, termasuk:

  • sebuah fungsi
  • Tanggal
  • tidak terdefinisi

Di JSON, nilai string harus ditulis dengan tanda kutip ganda:

JSON

{ "name":"John" }

Di JavaScript, Anda dapat menulis nilai string dengan tanda kutip ganda atau tunggal:

JavaScript

{ name:'John' }

JSON Menggunakan Sintaks JavaScript

Karena sintaks JSON berasal dari notasi objek JavaScript, sangat sedikit perangkat lunak tambahan yang diperlukan untuk digunakan pada JSON dalam JavaScript.

Dengan JavaScript Anda dapat membuat objek dan menetapkan data ke dalamnya, seperti ini:

Contoh

var person = { name: "John", age: 31, city: "New York" };

Anda dapat mengakses objek JavaScript seperti ini.

Contoh:

<!DOCTYPE html>
<html>
<body>

<p> Mengakses objek JavaScript: </p>
<p id="demo"></p>

<script>
var myObj, x;
myObj = { name: "John", age: 30, city: "New York" };
x = myObj.name;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Dapat juga diakses seperti ini:

<!DOCTYPE html>
<html>
<body>

<p> Mengakses objek JavaScript menggunakan notasi kurung kurawal: </p>
<p id="demo"></p>

<script>
var myObj, x;
myObj = { name: "John", age: 30, city: "New York" };
x = myObj["name"];
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Data dapat dimodifikasi seperti ini:

<!DOCTYPE html>
<html>
<body>

<p> Memodifikasi objek JavaScript: </p>
<p id="demo"></p>

<script>
var myObj, x;
myObj = { name: "John", age: 30, city: "New York" };
myObj.name = "Gilbert";
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

dan juga dapat dimodifikasi seperti ini:

<!DOCTYPE html>
<html>
<body>

<p>Memodifikasi objek JavaScript menggunakan notasi kurawal</p>
<p id="demo"></p>

<script>
var myObj, x;
myObj = { name: "John", age: 30, city: "New York" };
myObj["name"] = "Gilbert";
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

JavaScript Array sebagai JSON

Dengan cara yang sama objek JavaScript dapat digunakan sebagai JSON, array JavaScript juga dapat digunakan sebagai JSON.

File JSON

Jenis file untuk file JSON adalah “.json”
Jenis MIME untuk teks JSON adalah “application / json”


Catur Kurnia Sari

Share
Tags: javascript