JavaScript’te JSON Formatlama: Kapsamlı Bir Kılavuz

JSON (JavaScript Nesne Gösterimi), web uygulamalarında sunucular ve istemciler arasında veri aktarımı için sıklıkla kullanılan hafif bir veri alışverişi biçimidir. Ham JSON verileri, özellikle karmaşık nesneler, okunması zor olabilir. Neyse ki, JavaScript, JSON okunabilirliğini ve yönetimini geliştirmek için yerleşik yöntemler sunar.

İçindekiler

• JSON.stringify() ile JSON Nesnelerinin Biçimlendirilmesi
• JSON.stringify() ve JSON.parse() kullanarak JSON Dizelerinin Yeniden Biçimlendirilmesi

JSON.stringify() ile JSON Nesnelerinin Biçimlendirilmesi

JSON.stringify() yöntemi, JavaScript nesnelerini JSON dizelerine dönüştürmek için birincil araçtır. Varsayılan olarak kompakt çıktı üretmesine rağmen, isteğe bağlı space parametresi biçimlendirmeyi kontrol eder. Bu parametre girinti düzeyini belirtir.

Bu JavaScript nesnesini ele alalım:

const myDataObject = {
  name: "John Doe",
  age: 30,
  address: {
    street: "123 Main St",
    city: "Anytown",
    zip: "12345"
  },
  skills: ["JavaScript", "HTML", "CSS"]
};

Bunu okunabilir bir JSON dizesine biçimlendirmek için, space parametresiyle JSON.stringify() kullanın:

const formattedJson = JSON.stringify(myDataObject, null, 2); // 2 boşluk girinti
console.log(formattedJson);

Bu şu çıktıyı üretir:

{
  "name": "John Doe",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "Anytown",
    "zip": "12345"
  },
  "skills": [
    "JavaScript",
    "HTML",
    "CSS"
  ]
}

JSON.stringify(myDataObject, null, 2) içindeki 2, girintiyi 2 boşluğa ayarlar. Bu değeri (örneğin, 4 veya sekmeler için “t”) tercihinize göre ayarlayın. null, bir yer değiştirme fonksiyonu için yer tutucudur (daha gelişmiş biçimlendirme seçeneklerine olanak tanır, daha gelişmiş öğreticilerde ele alınmıştır).

JSON.stringify() ve JSON.parse() kullanarak JSON Dizelerinin Yeniden Biçimlendirilmesi

Yanlış biçimlendirilmiş JSON dizeleri (örneğin, tek satırlık) için, yeniden biçimlendirme için JSON.parse() ve JSON.stringify()‘i birleştirin.

Biçimlendirilmemiş bir JSON dizesi örneği:

const unformattedJson = '{"name":"Jane Doe","age":25,"city":"New York"}';

Önce, dizeyi bir JavaScript nesnesine ayrıştırın:

const jsonObject = JSON.parse(unformattedJson);

Ardından, nesneyi JSON.stringify() kullanarak bir JSON dizesine biçimlendirin:

const formattedJson = JSON.stringify(jsonObject, null, 4); // 4 boşluk girinti
console.log(formattedJson);

Sonuç:

{
    "name": "Jane Doe",
    "age": 25,
    "city": "New York"
}

Bu iki adımlı işlem, yanlış biçimlendirilmiş JSON’ı etkili bir şekilde temizler. Beklenmedik uygulama çökmelerini önlemek için her zaman olası JSON.parse() hatalarını (try...catch bloğu kullanarak) ele alın.

Özetle, JSON.parse() ile veya olmadan JSON.stringify(), JavaScript’te JSON verilerini biçimlendirmenin ve kod okunabilirliğini önemli ölçüde iyileştirmenin basit bir yolunu sunar.