0Pricing
JavaScript Academy · Pelajaran

Dasar-Dasar JSON.parse / JSON.stringify

Konversikan objek menjadi string JSON dan sebaliknya; gunakan replacer/reviver secara singkat; tangani masukan yang buruk dengan aman

Dasar-Dasar JSON.parse / JSON.stringify adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Mengapa JSON?

Tujuan: Melakukan serialisasi dan penguraian dengan aman.

  • JSON.stringify → string
  • JSON.parse ← string
  • replacer/reviver (sekilas)
  • Kiat keamanan dasar
Dasar-Dasar JSON.parse / JSON.stringify — ilustrasi 1

stringify()

Gunakan JSON.stringify(value) untuk mendapatkan string JSON. Agar mudah dibaca, berikan angka space (misalnya, 2).

// Turn a value into a JSON string
const user = { name: "Ayla", score: 12, active: true };
const json = JSON.stringify(user);
console.log("json:", json);

// Optional: pretty-print with spaces (2)
const pretty = JSON.stringify(user, null, 2);
console.log("pretty:", pretty);
Dasar-Dasar JSON.parse / JSON.stringify — ilustrasi 2

parse()

JSON.parse(text) mengembalikan nilainya. Masukan harus berupa string JSON yang valid.

// Parse a JSON string back to a value
const raw = "{\"name\":\"Ayla\",\"score\":12,\"active\":true}";
const value = JSON.parse(raw);
console.log("name:", value.name, "score:", value.score);
Dasar-Dasar JSON.parse / JSON.stringify — ilustrasi 3

Pengganti (stringify)

Pengganti(key, value) dapat mengecualikan atau mengubah bidang saat melakukan stringify (misalnya, menyembunyikan kata sandi).

// Replacer: filter or transform keys during stringify
const account = { id: 7, password: "secret", role: "user" };

// Hide sensitive fields
function replacer(key, value) {
  if (key === "password") return undefined; // drop it
  return value;
}

const safeJson = JSON.stringify(account, replacer, 2);
console.log("safeJson:", safeJson);
Dasar-Dasar JSON.parse / JSON.stringify — ilustrasi 4

Pemulih (parse)

Pemulih(key, value) dapat mengubah nilai saat melakukan penguraian (misalnya, string → Date).

// Reviver: convert specific strings back into richer types
const orderJson = "{\"when\":\"2024-06-01T10:00:00Z\",\"total\":25}";

function reviver(key, value) {
  if (key === "when" && typeof value === "string") {
    return new Date(value); // restore Date
  }
  return value;
}

const order = JSON.parse(orderJson, reviver);
console.log("is Date?", order.when instanceof Date);
console.log("total:", order.total);
Dasar-Dasar JSON.parse / JSON.stringify — ilustrasi 5

Keamanan dan batasan

Kiat:

  • Bungkus JSON.parse dengan try/catch untuk masukan yang tidak tepercaya.
  • Gunakan pengganti untuk membuang bidang sensitif sebelum melakukan pencatatan atau berbagi.
  • JSON menghilangkan fungsi dan informasi prototipe; JSON hanya membuat serialisasi data.
Dasar-Dasar JSON.parse / JSON.stringify — ilustrasi 6

Kuis stringify dan parse

Pemeriksaan singkat: Melakukan serialisasi sebuah nilai.

Dasar-Dasar JSON.parse / JSON.stringify — ilustrasi 7

Ringkasan

Ringkasan: Konversikan nilai dengan JSON.stringify/JSON.parse; gunakan replacer untuk memfilter bidang dan reviver untuk memulihkan tipe seperti Date; tambahkan try/catch untuk keamanan.

Dasar-Dasar JSON.parse / JSON.stringify — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Dasar-Dasar JSON.parse / JSON.stringify” gratis?

Ya — teks lengkap “Dasar-Dasar JSON.parse / JSON.stringify” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Dasar-Dasar JSON.parse / JSON.stringify”?

Konversikan objek menjadi string JSON dan sebaliknya; gunakan replacer/reviver secara singkat; tangani masukan yang buruk dengan aman Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 3.

Berapa lama pelajaran “Dasar-Dasar JSON.parse / JSON.stringify” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Dasar-Dasar JSON.parse / JSON.stringify
  2. Kloning Terstruktur dan URLSearchParams
  3. Strategi Penguraian JSON yang Aman
← Kembali ke JavaScript Academy