JSON ağaç düzenleyicisi nedir?

JSON, adlandırılmış değerleri tutan nesneler ve sıralı listeleri tutan diziler olarak veri depolar. İç içe yerleştirilebildikleri için büyük bir belgeyi düz metin düzenleyicide değiştirmek zordur: eksik tek bir virgül veya süslü ayraç, dosyanın tamamını geçersiz kılar. Ağaç düzenleyicisi, aynı verileri açıp kapatabileceğiniz bir düğüm kümesi olarak gösterir. Bir değeri değiştirir, bir anahtarı yeniden adlandırır veya doğrudan bir düğüm ekleyip kaldırırsınız; araç da virgülleri, tırnak işaretlerini ve köşeli ayraçları kendisi düzenler.

Araç açıklaması

Bu araç, JSON verilerini bir ağaç olarak düzenlemenizi sağlar. JSON verilerinizi yapıştırdığınızda, nesnelerden, dizilerden ve değerlerden oluşan bir ağaç olarak görünür. Bir anahtarın veya değerin içeriğini değiştirmek için düğümün yanındaki kalem simgesini, bir alt öğe eklemek için nesne ya da dizinin yanındaki artı simgesini, bir düğümü kaldırmak için çöp kutusunu kullanın. Her değişiklik hemen JSON metnine yazılır; böylece işiniz bittiğinde sonucu kopyalayabilirsiniz. Metin düzenleyicide yazmaya devam edebilirsiniz; ağaç da buna göre güncellenir. Her şey tarayıcınızda gerçekleşir ve verileriniz hiçbir yere gönderilmez.

Örnekler

Şu JSON ile başlayın:

{
  "ad": "örnek-uygulama",
  "port": 8080,
  "etiketler": ["json", "ağaç"]
}
JSON

port değerini 3000 olarak değiştirin, etiketler dizisine düzenleyici dizesini ekleyin ve true olarak ayarlanmış yeni bir özel anahtarı ekleyin. Metin şu hale gelir:

{
  "ad": "örnek-uygulama",
  "port": 3000,
  "etiketler": ["json", "ağaç", "düzenleyici"],
  "özel": true
}
JSON

Özellikler

  • Anahtarları, dizeleri, sayıları, boolean değerleri ve null değerlerini yerinde düzenleyin
  • Nesnelere yeni anahtarlar, dizilere yeni öğeler ekleyin ve root dışındaki tüm düğümleri kaldırın
  • Bir değerin türünü, örneğin dizeden sayıya, değiştirin
  • Anahtar sırasını korur ve aynı nesnede bir anahtar zaten kullanılıyorsa uyarır
  • Tüm ağacı genişletin veya daraltın ve kaç düğüm içerdiğini görün

Nasıl çalışır?

Araç, metninizi JSON olarak ayrıştırır ve sonucu bir ağaç olarak gösterir. Bir değişiklik yaptığınızda, verilerin bu değişikliği içeren yeni bir kopyasını oluşturur ve 2 boşluk girinti kullanarak metin olarak yeniden yazar. Bir anahtarı yeniden adlandırmak, kardeşleri arasındaki konumunu korur. "1" veya "2" gibi tam sayıya benzeyen anahtarlar, her JavaScript JSON ayrıştırıcısında olduğu gibi her zaman artan sırada en üstte listelenir.

Bir değer altı türden birine sahiptir: dize, sayı, boolean, null, nesne veya dizi. Yeni nesneler ve diziler boş olarak oluşturulur; bunları artı düğmesiyle doldurursunuz. Alt öğeleri zaten bulunan bir nesne veya dizi türünü korur. Böylece içeriğini yanlışlıkla kaybedemezsiniz; ancak anahtarını yine de yeniden adlandırabilirsiniz.

İpuçları

  • Bir değişikliği kaydetmek için Enter, iptal etmek için Escape tuşuna basın. Bir dizede satır sonu eklemek için Shift ve Enter tuşlarına basın
  • Soldaki metin geçerli JSON değilse ağaç boş kalır ve siz düzeltene kadar hata gösterilir
  • Ağaçta geri alma özelliği yoktur; bu nedenle bir değişiklikten emin değilseniz özgün JSON verilerinizin bir kopyasını saklayın
  • 9007199254740991 değerinden büyük sayılar kesinlik kaybeder; çünkü JSON sayıları JavaScript sayıları olarak okunur
  • JSON verilerini değiştirmeden yalnızca görüntülemek için JSON Ağaç Görüntüleyicisi'ni kullanın