Cara menggunakan GETJSONOBJECT dalam JavaScript

Pada artikel sebelumnya yang berjudul Pengertian JSON saya menjelaskan perbedaan JSON Object dan JSON Array serta cara menggunakan format JSON, pada tutorial kali ini saya akan menjelaskan cara menggunakan JSON pada Javascript, perhatikan kode dibawah ini, kode JSON dibawah ini jika anda print akan menghasilkan nilai dari key name


BELAJAR JSON





jika script di atas dijalankan maka akan menghasilkan Mochamad Rohmat Sekarang kontras dengan contoh berikut, result 1 akan terprint undefined karena format JSON Array bukan JSON Object, sedangkan result 2 akan terprint Mochamad Rohmat karena posisi Object JSON berada di Array 0.


BELAJAR JSON





Sekarang bagaimana jika hasil dari JSON dilingkarkan dengan for, silahkan lihat kode berikut


BELAJAR JSON





OK. Demikian tutorial kali ini, selamat mencoba dan semoga bermanfaat

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);

Cobalah sendiri "



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

Cara menggunakan GETJSONOBJECT dalam JavaScript

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

Cara menggunakan GETJSONOBJECT dalam JavaScript
Douglas Crockford

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

Cara menggunakan GETJSONOBJECT dalam JavaScript

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

Cara menggunakan GETJSONOBJECT dalam JavaScript

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

Cara menggunakan GETJSONOBJECT dalam JavaScript

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

Cara menggunakan GETJSONOBJECT dalam JavaScript

Nah untuk array, mereka dibuat dengan [...]_ kurung siku

Cara menggunakan GETJSONOBJECT dalam JavaScript

Misalnya seperti ini

{
    "name": "Dian",
    "hobbies": ["Coding", "Blogging", "Drawing"]
}

...dan misalnya benda-benda seperti ini

{
    "name": "petanikode",
    "url": "https://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": "https://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

Cara menggunakan GETJSONOBJECT dalam JavaScript

Dalam bahasa pemrograman Python, kita dapat menggunakan modul

{
    "name": "petanikode",
    "url": "https://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": "https://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": "https://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

  1. Cara Membuat Serialisasi dan Deserialisasi data JSON di Java menggunakan GSON
  2. Cara Mengurai data JSON dengan Python
  3. Cara Parse data JSON di PHP
  4. 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

Simbol apa yang digunakan untuk mewakili Jsonobject?

Menggunakan Objek . Setiap baris dipisahkan oleh koma dan ada titik dua antara setiap kunci dan nilai. tanda kurung kurawal, serta berisi key/value pair yang disebut properti. Setiap barisnya dipisahkan oleh tanda koma serta ada tanda titik dua di antara setiap key dan value.

Apa yang dilakukan JSON Stringify?

JSON. stringify() dapat mengambil dua argumen tambahan, yang pertama adalah fungsi pengganti dan yang kedua adalah nilai String atau Angka yang digunakan sebagai spasi dalam string yang dikembalikan .

Apa 2 struktur yang membentuk JSON?

JSON dibuat dari dua struktur. Sekelompok pasangan nama/nilai . Dalam beberapa bahasa, ini dinyatakan sebagai objek, rekaman, struktur, kamus, tabel hash, daftar kunci, atau larik asosiatif.

Kapan JSON digunakan?

Format JSON sering digunakan untuk mengirimkan data terstruktur melalui koneksi jaringan dalam proses yang disebut serialisasi. Aplikasi utamanya adalah dalam pemrograman aplikasi web AJAX sebagai alternatif dari penggunaan tradisional format XML.