Sintaks JSON: Aturan dan Nilai + Cara Membuatnya

Sintaks JSON adalah subset dari sintaks JavaScript.

Section Artikel

1 Aturan Sintaks JSON
2 Data JSON – Nama dan Nilai
3 JSON – Mengevaluasi ke Objek JavaScript
4 Nilai JSON
5 JSON Menggunakan Sintaks JavaScript
6 JavaScript Array sebagai JSON
7 File JSON

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”

javascript