Apa Itu JavaScript Object Notation (JSON)? Simak Lengkapnya Hanya Di Artikel Ini
Bagi Anda yang tertarik dengan pemrograman dan baru memulai karir, tahukah Anda bahwa JavaScript memiliki bahasa pemrograman “turunan” yang disebut JSON? Anda harus tahu bahwa adanya JavaScript Object Notation atau banyak yang menyebutnya sebagai JSON merupakan sesuatu yang penting bagi penyimpanan dan pertukaran pada aplikasi web.
Karena perannya yang penting dalam mendukung banyak bahasa pemrograman, banyak programmer berpengalaman percaya bahwa JSON adalah format deskripsi pemrograman berbasis teks yang dapat digunakan oleh semua programmer, baik pemula maupun ahli. Karena produk teknologi (seperti aplikasi web) menjadi lebih kompleks, web development menjadi sulit tanpa menggunakan notasi objek JavaScript.
Berdasarkan pengalaman banyak programmer, format dan proses representasi objek menggunakan prinsip JSON lebih unggul daripada XML dalam hal fungsionalitas dan struktur pemrograman. Berdasarkan uraian yang telah dibaca, artikel Hosteko kali ini akan menjelaskan secara detail mengenai JSON.
Memahami Pengertian dan Fungsi JSON
Format ini biasanya digunakan untuk menyimpan dan mentransfer data antara server dan klien dalam aplikasi web. Misalnya saat mengirimkan data dari server ke klien agar dapat ditampilkan di halaman web, dan sebaliknya.
JSON adalah format data yang dipopulerkan oleh Douglas Crockford yang sangat mirip dengan sintaks literal objek JavaScript. Representasi objek ini mempunyai tempat sebagai string, yang terlebih dahulu harus diubah menjadi objek JavaScript asli jika pemrogram ingin mengakses data yang dikirim melalui jaringan.
Membandingkan JSON vs XML
Contoh kedua penulisan sintaks ditunjukkan di bawah.
JSON
{“employees”:[
{“name”:“Andi Surandi”, “age”:“28”, “city”:“Jakarta”},
{“name”:“Putri”, “age”:“27”, “city”:“Surabaya”},
{“name”:“Agus”, “age”:“26”, “city”:“Yogyakarta”},
{“name”:“Siti”, “age”:“30”, “city”:“Bandung”}
]}
{“employees”:[
XML
<employees> <employee> <name>Andi Surandi</name> <age>28</age> <city>Jakarta</city> </employee> <employee> <name>Putri</name> <age>27</age> <city>Surabaya</city> </employee> <employee> <name>Agus</name> <age>26</age> <city>Yogyakarta</city> </employee> <employee> <name>Siti</name> <age>30</age> <city>Bandung</city> </employee> </employees>
Seperti yang dapat Anda lihat dengan jelas, sintaks notasi objek JavaScript jauh lebih sederhana dan tepat daripada XML, karena tidak memerlukan tanda kurung buka dan tutup. Selain itu, notasi objek JavaScript menggunakan array yang tidak tersedia dalam XML, sehingga mengurangi ukuran file.
Tipe Struktur Data JSON
Contoh:
{
“name”: “DomaiNesia”, >> String
“age”: 12, >> number
“service”: true, >> boolean
“powers”: [ >> array
“Penyedia Web Hosting Terbaik di Indonesia”,
“Penyedia Domain Murah”
]
}
-
Object JSON
Object pada JSON adalah sintaks yang terdiri dari pasangan key dan value, selalu dibuka dan ditutup dengan kurung kurawal ({…}).
Contoh Object:
var andi= {
“name” : “Andi Surandi”,
“age” : “28”,
“gender” : “pria”
};
Sintaks di atas merupakan susunan objek yang dapat kita akses menggunakan variabel chaitanya.
Di dalam sebuah objek kamu dapat memiliki sejumlah pasangan key-value seperti yang kita miliki di atas.
Cara mengakses informasi dari objek JSON adalah seperti berikut:
Sintaks di atas adalah array objek yang dapat diakses menggunakan variabel Chaitanya. Seperti dijelaskan di atas, sebuah objek dapat berisi sejumlah pasangan key-value.
Mengakses informasi dari objek JSON dilakukan sebagai berikut.
document.writeln("Nama: " +andi.name);
document.writeln("Umur: " + andi.age);
document.writeln("Jenis Kelamin: "+ andi.gender);
-
Array Object
Apabila contoh di atas digunakan untuk menyimpan informasi satu orang dalam sebuah notasi objek JavaScript, maka contoh selanjutnya akan membuat kamu dapat menyimpan informasi lebih dari satu orang yang mana kita sebut sebagai array objek.
Pengertian array pada JSON adalah kumpulan object yang selalu dibuka dan ditutup oleh tanda kurung siku ([…]).
Contoh Array Object:
Objek Array Jika Anda menggunakan contoh di atas untuk menyimpan informasi tentang seseorang dalam notasi objek JavaScript, contoh berikut memungkinkan Anda menyimpan informasi tentang banyak orang. Ini disebut sebagai array object.
Pengertian array di JSON selalu berupa kumpulan objek yang dibuka dan ditutup dengan tanda kurung siku ([…]).
Contoh Array Object:
var employees = [{
“name” : “Andi Surandi”,
“age” : “28”,
“gender” : “pria”
},
{
“name” : “Putri”,
“age” : “27”,
“gender” : “wanita”
}];
Untuk mengakses informasi pada array di atas, Anda perlu menulis kode seperti ini:
document.writeln(employees[0].age); //outputnya adalah 28 document.writeln(employees[1].name); //outputnya adalah Putri
-
Nested Object
Nested object adalah sekelompok objek yang dapat “bersarang” atau nested di dalam objek lain, dan setiap objek yang disarangkan memiliki titik aksesnya sendiri.
Contoh Nested Object:
var employees= {
“andi” : {
“name” : “Andi Surandi”,
“age” : “28”,
“gender” : “pria”
},
“putri” : {
“name” : “Putri”,
“age” : “27”,
“gender” : “wanita”
}
}
Berdasarkan contoh di atas, “name”, “age”, dan “gender” akan menjadi value untuk key “andi” dan “putri”. Karena ketiga nilai tersebut berada di antara kurung kurawal pembuka dan penutup, maka “andi” dan “putri” serta ketiga value-nya menjadi object dalam object var employees.
Sintaks untuk mengakses nested object:
document.writeln(students.steve.age); //output: 29 document.writeln(students.sop.gender); //output: female
Catatan Penting dalam Menulis Sintaks JSON
Catatan Penting dalam Menulis Sintaks JSON Seperti bahasa markup dan pemrograman lainnya, representasi JavaScript Object Notation memiliki struktur deskripsi sintaksis yang harus Anda ingat. Karena kesalahan sintaksis mempengaruhi fungsionalitas program yang Anda tulis.
Di bawah ini adalah informasi penting tentang penulisan sintaks.
- Terdiri dari string dalam format data tertentu yang hanya berisi properti dan tidak ada metode.
- Sintaksnya memerlukan tanda kutip ganda (“…”) di sekitar string dan nama properti. Tanda kutip tunggal (’…’) tidak valid.
- Bahkan satu koma (,) atau titik dua yang salah (: ) dapat menyebabkan kegagalan fungsi file. Oleh karena itu, Anda harus berhati-hati saat memvalidasi data yang akan Anda gunakan. Anda dapat memvalidasinya menggunakan aplikasi JSONLint.
- Format data JavaScript ini dapat berbentuk tipe data apa pun yang dapat disertakan dalam JavaScript Object Notation, termasuk string atau number, serta array dan objek.
- Tidak seperti kode JavaScript, yang tidak memerlukan tanda kutip di sekitar properti objek, hanya string yang dikutip yang dapat digunakan sebagai properti dalam notasi objek JavaScript.
