0Pricing
JavaScript Academy · Ders

JSON.parse / JSON.stringify temelleri

Nesneleri JSON dizelerine dönüştürüp geri çevirin; replacer/reviver'a kısaca göz atın; hatalı girdileri güvenle yönetin.

JSON.parse / JSON.stringify temelleri, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 3 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 3 dersten oluşur.

JSON neden?

Amaç: Güvenli biçimde serileştirmek ve ayrıştırmak.

  • JSON.stringify → dize
  • JSON.parse ← dize
  • değiştirici/yeniden oluşturucu yaklaşımı
  • Temel güvenlik ipuçları
JSON.parse / JSON.stringify temelleri — resim 1

stringify()

Bir JSON dizesi elde etmek için JSON.stringify(value) kullanın. Okunabilirlik için bir boşluk sayısı verin (ör. 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);
JSON.parse / JSON.stringify temelleri — resim 2

parse()

JSON.parse(metin) değeri döndürür. Girdi, geçerli bir JSON dizesi olmalıdır.

// 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);
JSON.parse / JSON.stringify temelleri — resim 3

Değiştirici (stringify)

Bir değiştirici(anahtar, değer), serileştirme sırasında alanları hariç tutabilir veya değiştirebilir (ör. parolaları gizlemek).

// 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);
JSON.parse / JSON.stringify temelleri — resim 4

Yeniden oluşturucu (parse)

Bir yeniden oluşturucu(anahtar, değer), ayrıştırma sırasında değerleri dönüştürebilir (ör. dizeleri → Tarih).

// 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);
JSON.parse / JSON.stringify temelleri — resim 5

Güvenlik ve sınırlar

İpuçları:

  • Güvenilmeyen girdiler için JSON.parse çağrısını try/catch içine alın.
  • Günlüğe kaydetmeden veya paylaşmadan önce hassas alanları kaldırmak için değiştirici kullanın.
  • JSON, işlevleri ve prototip bilgilerini kaybeder; yalnızca verileri serileştirir.
JSON.parse / JSON.stringify temelleri — resim 6

stringify ve parse testi

Hızlı kontrol: Bir değeri serileştirme.

JSON.parse / JSON.stringify temelleri — resim 7

Özet

Özet: Değerleri JSON.stringify/JSON.parse ile dönüştürün; alanları filtrelemek için bir değiştirici, Tarih gibi türleri geri oluşturmak için bir yeniden oluşturucu kullanın; güvenlik için try/catch ekleyin.

JSON.parse / JSON.stringify temelleri — resim 8

Sıkça Sorulan Sorular

“JSON.parse / JSON.stringify temelleri” dersi ücretsiz mi?

Evet — “JSON.parse / JSON.stringify temelleri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 3 dersten oluşur.

“JSON.parse / JSON.stringify temelleri” dersinde ne öğreneceğim?

Nesneleri JSON dizelerine dönüştürüp geri çevirin; replacer/reviver'a kısaca göz atın; hatalı girdileri güvenle yönetin. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 1. dersidir.

“JSON.parse / JSON.stringify temelleri” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. JSON.parse / JSON.stringify temelleri
  2. Yapısal Klonlama ve URLSearchParams
  3. Güvenli JSON Ayrıştırma Stratejileri
← JavaScript Academy Sayfasına Dön