Türkçe
JSON'u canlı ağaç görünümüyle biçimlendir, doğrula ve keşfet.
Son güncelleme
JSON formatter (JSON güzelleştirici ya da pretty-printer olarak da bilinir), sıkıştırılmış veya dağınık JSON'u alıp girintili, okunabilir bir veriye dönüştürür. Geliştiricilerin en sık başvurduğu araçlardan biridir — API yanıtlarını incelerken, konfigürasyon dosyalarını okurken, log'larda hata ayıklarken, test fixture'larını karşılaştırırken ve frontend ile backend arasında veri taşırken kullanılır.
JSON katı bir formattır: anahtarlar çift tırnak içinde olmalı, string'ler çift tırnak içinde olmalı, virgüller doğru yerde durmalı ve her açılan { veya [ mutlaka kapatılmalıdır. Formatter bu yapıyı görünür kılar; içine gömülü doğrulayıcı da eğer söz dizimi bozuksa nerede bozulduğunu net şekilde söyler.
JSON'un açılımı JavaScript Object Notation'dır. JavaScript'ten doğmuş olsa da bugün neredeyse her programlama dilinin JSON okuma ve yazma için yerleşik desteği vardır; web üzerinde yapılandırılmış veri alışverişinin varsayılan yöntemi haline gelmesinin sebebi de budur.
{}, diziler ise sıralı listeler için [] kullanır; ikisi de istediğin derinlikte iç içe geçebilir.null, object ve array. undefined yok, fonksiyon yok, yorum satırı yok.API yanıtından, log dosyasından ya da konfigürasyondan kopyaladığın JSON'u soldaki kutuya yapıştır. Formatter hem minified hem de kısmen formatlanmış girdiyi kabul eder.
En yaygın stil iki boşluktur; dört boşluk da oldukça kullanılır. Projenin mevcut stiline en uygun olanı seç.
JSON geçerliyse, formatlanmış çıktı sağda görünür. Geçerli değilse, hata mesajı ayrıştırmanın hangi satır ve karakterde başarısız olduğunu söyler.
Daraltılabilir ağacı kullanarak derin iç içe nesne ve dizileri katlayabilirsin. Tanımadığın bir API yanıtının yapısını anlamanın en hızlı yolu budur.
Pretty-print edilmiş halini kodun veya dökümanın içine yapıştır; ya da depolama ve ağ üzerinden taşımak için tek satıra geri minify et.
JSON'un tüm yapı taşları aşağıda. Bu listenin dışındaki hiçbir şey geçerli JSON değildir. Spesifikasyon: RFC 8259 ve ECMA-404.
| Token | Anlamı | Örnek |
|---|---|---|
{ } | Object — anahtar/değer çiftlerinden oluşan koleksiyon | {"name": "Maya"} |
[ ] | Array — sıralı değer listesi | [1, 2, 3] |
"..." | String — her zaman çift tırnak içinde | "hello" |
| Number | Tam sayı veya ondalıklı, tırnaksız, başında + olmaz | 42, -3.14 |
true / false | Boolean değerler, küçük harfle | true |
null | Boş / eksik değer | null |
: | Anahtar ile değeri arasındaki ayraç | "id": 7 |
, | Öğeler arasındaki ayraç — sonda asla bulunmaz | [1, 2, 3] |
{"user":{"id":7,"name":"Maya"},"skills":["HTML","JavaScript"]}{ "user": { "id": 7, "name": "Maya" }, "skills": ["HTML", "JavaScript"]}Formatlamadan sonra iç içe geçmiş user nesnesini ve skills dizisini çok daha rahat tarayabilirsin. Veri aynıdır — sadece boşluklar değişti.
{ "name": "Coddy", "active": true,}JSON, son özellikten sonra virgüle izin vermez. Doğrulayıcı kapanan } üzerinde işaretleyecektir. JavaScript object söz dizimini JSON'a kopyalarken yapılan en yaygın hatalardan biridir.
{ "count": 3, "countText": "3", "enabled": true}3 bir number, "3" bir string ve true bir boolean — birbirinden farklı üç JSON türü. API'lar genellikle yapı doğru ama değer türü yanlış olduğunda hata verir.
{ "data": { "orders": [ { "id": 101, "items": [{ "sku": "A", "qty": 2 }] }, { "id": 102, "items": [] } ] }}Ağaç görünümünü kullanarak data.orders'ı katla ve yapıyı seviye seviye ortaya çıkar. İç içe nesne dizileri, REST yanıtlarında karşılaşacağın en yaygın yapıdır.
undefined JSON'da geçerli değildir; sondaki virgüller de ayrıştırmayı bozar.+ veya başa eklenmiş sıfırlar (sadece 0 hariç) olamayacağını unutmak, ya da gerçekten number türü istiyorken sayıyı tırnak içine almak.null değerleri olduğu gibi kalır. Tekrar minify edersen ağa uygun orijinal hâline geri dönersin.undefined kabul edilmez.package.json, tsconfig.json), paket metadata'sı, log satırları, tarayıcı local storage ve test fixture'ları.