close

Arrays, Objects, String dan Multidimensi JSON Array

JSON ( Javascript Object Natation) adalah suatu format ringkas untuk pertukaran data komputer. formant datanya berbentuk teks yang digunakan untuk mempertasikan struktur data dengan larik/array asosiatif. [1] www.wikipedia.com.

JSON juga dianggap cara yang nyaman untuk melewatkan data bolak-balik antara halaman website. format JSON menggantikan format XML yang mana telah dianggap kuno dan telah banyak ditinggalkan oleh pengembang. Namun XML masih populer digunakan pada aplikasi lama,

Saat ini JSON menjadi format default ( baku ) pada saat mengirimkan nilai dari API ( Application Programing Interface) atau antarmuka pemograman aplikasi (bahasa:indonesia) yang menjadi fungsi standar untuk berinteraksi dengan antar sistem operasi.Sehingga para pengembang aplikasi harus tau bagaimana cara untuk menguraikan informasi kepada aplikasi yang akan dibuat.

JSON Basic Data Type ( Dasar dan Tipe Data JSON ). 

Pada JSON, ada beberapa type data yang harus kita ketahui diantaranya adalah

Tipe (Type) Keterangan (Description)
Nomor (Number) Format presisi ganda pada floating-point di javascripts
Rangkaian (String) format yang diapit Tanda Kutip ganda dan garis miring
Bolean berisi format benar atau salah ( true or false)
Array yang berisi Urutan nilai (value)
Value (Nilai) Bisa berisi string, angka, benar atau salah,kosong dan lainnya
Object Koleksi deretan kunci dengan perpasangan
Spasi (Whitespace) digunakan pada pasangan nilai
kosong (Null) tidak berisi nilai (empty)

JSON menggunakan struktur kunci dan nilai (key and Value). berikut adalah contoh penggunaan sederhananya:
"Nama":"Jokowi"
Jika kita lihat contoh diatas,  kunci dan nilai dipisahkan dengan tanda titik dua [ : ] dan kunci dan nilai diapit dengan tanda kutip dua. dari contoh kita lihat string dengan isi "nama" merupakan variabel kunci dan string yang isinya "jokowi" merupakan variabel value/nilai. kita bisa menambahkan key dan value lain dengan menggunakan tanda koma [ , ] sehingga kita dapat menambahkan beberapa kinci dan nilai yang lain dalam struktur JSON, 
Berikut adalah contoh penggunaan beberapa (banyak) kunci dan nilai dalam JSON:
"Nama":"Prabowo","Jabatan":"Panglima Kopasus"
Contoh diatas adalah bentuk dasar dari JSON, namun untuk beberapa kunci dan nilai harus berbentuk object yang menjadi suatu kesatuan dengan menggunakan tanda Kurung berawal [ { } ] di depan dan di belakang sebuah kesatuan dari objek, seperti contoh dibawah ini:
{"Nama":"Prabowo","Jabatan":"Panglima Kopasus"}
Contoh diatas adalah bentuk dasar dari JSON, namun untuk beberapa kunci dan nilai harus berbentuk object yang menjadi suatu kesatuan dengan menggunakan tanda Kurung berawal [ { } ] di depan dan di belakang sebuah kesatuan dari objek, seperti contoh dibawah ini:
{"Nama":"Prabowo","Jabatan":"Panglima Kopasus"} ,
{"Nama":"jokowi","Jabatan":"Gubernur"}
Perhatikan contoh diatas, tidak ada nama yang diberikan pada dua rangkaian objek diatas, namun dengan JSON, anda masih bisa mengurainya. dengan menambahkan tanda koma [ , ] di belakang [ } ]  anda dapat melewati beberapa objek sekaligus.

Dasar Array JSON ( Array Basic JSON )

Seperti yang kita ketahui Array banyak digunakan dalam pengembangan aplikasi, Array merupakan variabel yang menyimpan beberapa nilai dari jenis yang sama, anda bisa memberikan nama pada array dan mengisinya dengan kunci dan nilai. Namun pada JSON itu sama saja kecuali anda menentukan type dari array tersebut. berikut contoh penggunaan array:
"menteri":[
     {"Nama":"Jonan","Jabatan":"perhubungan"} ,
     {"Nama":"Susi","Jabatan":"kelautan"}
]
Sintax diatas jauh lebih kompleks dari contoh sebelumnya, keuntungan kita menggunakan kode ini dibandingkan dengan kode objek sebelumnya adalah dapat dilakukan dengan looping (perulangan) dengan identitas nama yang kita berikan, seperti diatas saya menggunakan nama "menteri" sebagai identitas dari array. kita juga dapat menambahkan beberapa array lagi dengan identitas seperti contoh dibawah ini:
"menteri":[
     {"Nama":"Jonan","Jabatan":"perhubungan"} ,
     {"Nama":"Susi","Jabatan":"kelautan"}
],
"tamatan_terahir":[
     {"tingkat":"strata satu","sekolah":"universitas indonesia"},
     {"tingkat":"SMP","sekolah":"sekolah Menengah Pertama Negri 012 Depok"}
] 
Ada beberapa kasus dengan sintax yang lebih komplek dari diatas, penggabungan dari objek, array dan String, yang sering disebut dengan Array multi dimensi (multiple Array). jenis ini banyak digunakan sebagai API dari aplikasi luar yang mengharuskan kita mengurainya ke aplikasi yang kita kembangkan, berikut ini contoh dari Multi Dimensi (Json Multiple Array):
{
   "ItemAttributes": {
                "Actor": [
                    "Chris Pine",
                    "Zachary Quinto",
                    "John Cho",
                    "Ben Cross",
                    "Bruce Greenwood"
                ],
                "AspectRatio": "2.35:1",
                "EANList": {
                    "EANListElement": "0097360718249"
                },
                "Edition": "Special Edition",
                "Feature": [
                    "Condition: New",
                    "Format: Blu-ray",
                    "AC-3; Color; Dolby"
                ]
                },
   "Items": {
        "Request": {
            "IsValid": "True",
            "ItemLookupRequest": {
                "IdType": "ASIN",
                "ItemId": "B001AVCFK6",
                "ResponseGroup": "Medium",
                "VariationPage": "All"
            }
           }
          }
}

Bagaimana Cara Mengambil Nilai JSON dan Memasukkanya ke Dalam aplikasi kita?

Nah untuk memasukkan nilai atau variabel yang terdapat pada JSON ke aplikasi yang kita kembangkan, kita dapat menggunakan Javascripts atau JQuery untuk mengurai nilai-nilai yang terdapat pada file JSON kita,

Artikel Selanjutnya saya akan bahas bagaimana cara kita mengurai nilai dari JSON ke halaman aplikasi dengan Javascripts dan JQuery

>> Selanjutnya

3 comments:

  1. Replies
    1. This comment has been removed by the author.

      Delete

  2. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru Javascript Training in Chennai.

    ReplyDelete

Copyright © Go Of Stupid. All rights reserved. Template by CB