Saat menggunakan JSON.parse()_ pada JSON yang berasal dari array, metode ini akan mengembalikan array JavaScript, bukan objek JavaScript
Contoh
teks const = '["Ford", "BMW", "Audi", "Fiat"]';
const myArr = JSON. parse(teks);
Pengecualian
Mengurai Tanggal
Objek tanggal tidak diizinkan di JSON
Jika Anda perlu menyertakan tanggal, tulislah sebagai string
Anda dapat mengubahnya kembali menjadi objek tanggal nanti
Contoh
Ubah string menjadi tanggal
teks const = '{"nama". "Yohanes", "kelahiran". "14-12-1986", "kota". "New York"}';
const obj = JSON. parse(teks);
obj. lahir = Tanggal baru(obj. kelahiran);
dokumen. getElementById("demo"). innerHTML = obj. nama + ", " + obj. kelahiran
Cobalah sendiri "Atau, Anda dapat menggunakan parameter kedua, dari fungsi JSON.parse(), yang disebut menghidupkan kembali
Parameter menghidupkan kembali adalah fungsi yang memeriksa setiap properti, sebelum mengembalikan nilainya
Contoh
Ubah string menjadi tanggal, menggunakan fungsi menghidupkan kembali
teks const = '{"nama". "Yohanes", "kelahiran". "14-12-1986", "kota". "New York"}';
const obj = JSON. parse(teks, fungsi (kunci, nilai) {
if (kunci == "kelahiran") {
kembalikan Tanggal baru (nilai);
} kalau tidak {
mengembalikan nilai;
}
});
dokumen. getElementById("demo"). innerHTML = obj. nama + ", " + obj. kelahiran
Cobalah sendiri "Fungsi Parsing
Fungsi tidak diizinkan di JSON
Jika Anda perlu menyertakan fungsi, tulislah sebagai string
Anda dapat mengubahnya kembali menjadi fungsi nanti
Contoh
Mengubah string menjadi fungsi
teks const = '{"nama". "Yohanes", "umur". "fungsi () {kembali 30;}", "kota". "New York"}';
const obj = JSON. parse(teks);
obj. umur = eval("(" + obj. umur + ")");
dokumen. getElementById("demo"). innerHTML = obj. nama + ", " + obj. usia();
Cobalah sendiri "Anda harus menghindari penggunaan fungsi di JSON, fungsi akan kehilangan ruang lingkupnya, dan Anda harus menggunakan eval() untuk mengubahnya kembali menjadi fungsi
Karena JSON banyak digunakan dalam pembuatan aplikasi dan digunakan hampir di semua bahasa pemrograman
Pada kesempatan kali ini kita akan membahas dasar-dasar JSON yang harus anda ketahui
Cukup ketahui 5 hal ini
Apa itu JSON?
Kita mulai dari pengertian JSON dulu...
JSON (JavaScript Object Notation) adalah format data yang digunakan untuk pertukaran dan penyimpanan data
Kata kunci untuk diingat. "pertukaran & penyimpanan data"
JSON adalah bagian dari Javascript. JSON dapat dibaca dengan berbagai bahasa pemrograman seperti C, C++, C#, Java, Javascript Perl, Python, dan masih banyak lagi
Ini menjadikan JSON bahasa yang ideal untuk bertukar data antar aplikasi
JSON bahkan mendominasi pendahulunya XML (eXtensible Markup Language)...
Dibandingkan dengan XML, JSON lebih sederhana dan mudah dibaca
Karena itu, lebih banyak orang menggunakan JSON daripada XML
Berikut adalah grafik penggunaan JSON dibandingkan dengan XML, YAML, CSV, dan protokol-buffer
Sejarah Singkat JSON
JSON pertama kali dipopulerkan oleh Douglas Crockford. Seorang insinyur perangkat lunak yang juga terlibat dalam pengembangan bahasa pemrograman Javascript
JSON tidak ditemukan oleh satu orang. Dulu disebut JSON...
Artinya kata "JSON" belum ada. Orang-orang hanya mengetahui Objek Javascript yang dikirim melalui jaringan
Sejak ledakan teknologi AJAX pada tahun 2000. JSON diperkenalkan dan pada tahun 2001, domain json. org mulai ditayangkan
Sampai saat ini JSON banyak digunakan dimana-mana
Aplikasi JSON dalam Pemrograman
JSON biasanya digunakan sebagai format standar untuk pertukaran data antar aplikasi
Namun sebenarnya bukan itu saja, masih ada fungsi lain dari JSON
Berikut adalah beberapa implementasi JSON yang saya temui
- JSON sebagai format untuk bertukar data klien dan server atau antar aplikasi. Contoh. RESTful API;
- JSON sebagai tempat menyimpan data misalnya. Database Mongodb;
- JSON digunakan untuk menyimpan konfigurasi proyek, misalnya. pembuat file. json pada proyek dan paket PHP. json di Nodejs;
- JSON digunakan untuk menyimpan konfigurasi dan penyimpanan data di Hugo;
- JSON digunakan untuk menyimpan konfigurasi proyek di Nodejs;
- JSON digunakan untuk menyimpan data manifes;
- dan banyak lagi
Struktur Dasar JSON
Lihatlah struktur JSON ini
Ini adalah struktur paling sederhana…
JSON selalu dimulai dengan kurung kurawal { dan ditutup dengan kurung kurawal }
Kemudian di dalam kurung kurawal, berisi data dalam format kunci dan nilai. Jika ada lebih dari satu data, maka dipisahkan dengan koma dan data terakhir tidak diberi koma
Kemudian kunci dan nilai dipisahkan oleh titik dua
Oh ya, untuk nilai…
Kami dapat menyediakan tipe data apa pun. Kita bahkan bisa mengisinya dengan array dan objek
Berikut adalah tipe data yang didukung oleh JSON
Nah untuk array, mereka dibuat dengan [...]_ kurung siku
Misalnya seperti ini
{ "name": "Dian", "hobbies": ["Coding", "Blogging", "Drawing"] }
...dan misalnya benda-benda seperti ini
{ "name": "petanikode", "url": "//www.petanikdoe.com", "rank": 1, "socialmedia": { "facebook": "petanikode", "twitter": "petanikode", "instagram": "petanikode", "youtube": "petanikode", "github": "petanikode" } }_
Perhatikan kunci socialmedia_ dimana kita memberi nilai dengan suatu objek
Cara Memproduksi dan Menggunakan Data JSON
Setiap bahasa pemrograman memiliki cara yang berbeda dalam memproduksi (membuat) dan mengkonsumsi data JSON
Dalam Javascript, kita dapat menggunakan fungsi { "name": "petanikode", "url": "//www.petanikdoe.com", "rank": 1, "socialmedia": { "facebook": "petanikode", "twitter": "petanikode", "instagram": "petanikode", "youtube": "petanikode", "github": "petanikode" } }_0 untuk membuat JSON dari objek Javascript
Contoh
// objek javascript var person = { name: "Dian", age: 23 } // string JSON var jsonString = JSON.stringify(person); // maka akan menghasilkan: // {"name":"Dian","age":23} _
Di Java, kita bisa menggunakan library Gson untuk membuat serial (membuat) dan deserialize data JSON
Dalam bahasa pemrograman Python, kita dapat menggunakan modul { "name": "petanikode", "url": "//www.petanikdoe.com", "rank": 1, "socialmedia": { "facebook": "petanikode", "twitter": "petanikode", "instagram": "petanikode", "youtube": "petanikode", "github": "petanikode" } }1 untuk membuat dan membaca (mengkonsumsi) data JSON
Contoh
>>> import json >>> json.dumps(['foo', {'bar': ('baz', None, 1.0, 2)}]) '["foo", {"bar": ["baz", null, 1.0, 2]}]' >>> print json.dumps("\"foo\bar") "\"foo\bar" >>> print json.dumps(u'\u1234') "\u1234" >>> print json.dumps('\\') "\\" >>> print json.dumps({"c": 0, "b": 0, "a": 0}, sort_keys=True) {"a": 0, "b": 0, "c": 0} >>> from StringIO import StringIO >>> io = StringIO() >>> json.dump(['streaming API'], io) >>> io.getvalue() '["streaming API"]'_
Contoh lain
import json # dictionary person = { "name": "Dian", "age": 23 } # Membuat JSON dari dictionary json.dumps(person) # Maka akan menghasilkan: # '{"age": 23, "name": "Dian"}'_
Dalam bahasa pemrograman PHP, kita dapat menggunakan fungsi { "name": "petanikode", "url": "//www.petanikdoe.com", "rank": 1, "socialmedia": { "facebook": "petanikode", "twitter": "petanikode", "instagram": "petanikode", "youtube": "petanikode", "github": "petanikode" } }2 untuk menghasilkan JSON dari Array asosiatif dan fungsi { "name": "petanikode", "url": "//www.petanikdoe.com", "rank": 1, "socialmedia": { "facebook": "petanikode", "twitter": "petanikode", "instagram": "petanikode", "youtube": "petanikode", "github": "petanikode" } }3 untuk mengubah JSON menjadi Array
Contoh
<?php // data dengan array assosiatif $person = [ "name" => "Dian", "age" => 23 ]; // membuat JSON dari array echo json_encode($person); // maka akan menghasilkan: // {"name":"Dian","age":23} ?>
Pada intinya, setiap bahasa pemrograman memiliki fungsi, modul, dan library masing-masing untuk membuat dan membaca data JSON
Berikut adalah daftar tutorial yang dapat Anda baca
- Cara Membuat Serialisasi dan Deserialisasi data JSON di Java menggunakan GSON
- Cara Mengurai data JSON dengan Python
- Cara Parse data JSON di PHP
- Cara Parse data JSON di Javascript
Apa berikutnya?
Sekarang kita tahu apa itu JSON dan bagaimana menggunakannya dalam pemrograman
Tentu ini masih belum cukup…
Oleh karena itu, silakan lanjutkan belajar tentang JSON secara mandiri melalui dokumentasi atau tutorial resmi di sini