⭐ 0
🔍
Metin Görsel PDF ve Belgeler Ses Müzik Elektronik Zaman Faydalı Araçlar Doğrulayıcılar Ezoterizm Oyunlar

JSON'dan TypeScript'e Dönüştürücü

Diziler arasında gerçek isteğe bağlı alan algılama özelliğiyle JSON'u TypeScript arayüzlerine dönüştürün, takma adları yazın veya canlı Zod şemasını kullanın.

İşleniyor... 0%

Sonuç

JSON API yanıtı için TypeScript arayüzlerini elle yazmak yavaştır ve hataya açıktır: iç içe geçmiş nesnelerin kendi arayüzlerine ihtiyacı vardır, diziler bir öğe türüne ihtiyaç duyar ve bazen eksik olan bir alanın isteğe bağlı olarak işaretlenmesi gerekir; bunlardan herhangi birini kaçırırsanız kodunuz gerçek veri şekli ile senkronizasyonun dışına çıkarken derleyici sessiz kalır.

Bu dönüştürücü bu işi sizin için yapar. Herhangi bir JSON nesnesini veya dizisini yapıştırırsanız yapıyı yinelemeli olarak yürütür: yuvalanmış bir nesne kendi adlandırılmış arayüzü haline gelir, bir nesne dizisi o dizideki her öğede karşılaştırılan alanlarla bir öğe arayüzü alır - yalnızca bazılarında bulunan bir alan sonunda ? ile işaretlenir ve bazen boş, bazen de bir değer olan bir alan uygun bir dize olarak ortaya çıkar | biri veya diğeri yerine boş birleşim.

Biçim geçişi yalnızca aynı çıkarımsal yapının nasıl yazdırılacağını değiştirir: bir arayüz bloğu, bir tür takma adı veya uygulandıkları yerde .opsiyonel() ve .nullable() ile z.object(), z.array() ve z.union() çağrılarından oluşturulmuş bir Zod şeması. Zod'un kendisi ayrı bir npm paketidir (npm install zod) — bu araç yalnızca şema kaynağını yazar, sizin için hiçbir şey yüklemez.

Yazdığınız veya yapıştırdığınız anda her şey tarayıcınızda yerel olarak çalışır; gönder düğmesi veya yükleme yoktur; gerçek müşteri verilerini içeren veriler için kullanışlıdır. Çıkarılan türler yerine JSON metniyle çalışmak için, metni güzel bir şekilde yazdırmak veya küçültmek için JSON biçimlendiricisine ve dönüştürmeden önce bir sözdizimi hatasını belirlemek için JSON doğrulayıcıya bakın.

🛡️
Tarayıcıda Çalıştırıldı

Dosyalarınız ve girdileriniz bu cihazdan asla ayrılmaz. İşlem tamamen çevrimdışı çalışır. %100 Güvenli.

Kabul Edilen Formatlar ve Kurallar

  • İç içe geçmiş her nesne ve her nesne dizisi için yinelemeli olarak adlandırılmış bir arayüz çıkarır.
  • Dizi öğesinin şekillerini alan alan birleştirir, böylece yalnızca bazı öğelerde bulunan alan isteğe bağlı hale gelir.
  • Sayfanın çökmesi yerine satır içi geçersiz JSON raporlanmasıyla her tuş vuruşunda canlı dönüşüm.

Temel Faydalar

✓ %100 Çevrimdışı: JSON yükünüz ve oluşturulan türler bu cihazdan asla ayrılmaz.
✓ Gerçek isteğe bağlı alan tespiti: bir dizideki her nesnenin karşılaştırılması ve bazılarında eksik olan alanların tahmin değil, isteğe bağlı olarak işaretlenmesi.
✓ Tek bir çıkarım motorundan üç çıktı formatı: TypeScript arayüzü, tür takma adı veya yapıştırmaya hazır Zod şeması.

Kullanım Durumları

  • • Bir REST veya GraphQL API yanıtı yapıştırın ve alanları elle yazmak ve isteğe bağlı olanı kaçırmak yerine, birkaç saniye içinde bunun için yazılmış arayüzleri alın.
  • • Ön uçunuzun güvendiği bir alanın gerçekten her kayıtta mevcut olup olmadığını kontrol edin: bir dizi örnek kayıt yapıştırın ve bazı öğelerde eksik olduğundan aracın hangi alanları isteğe bağlı (?) olarak işaretlediğini görün.
  • • Güvenilmeyen JSON'u (web kancaları, üçüncü taraf API'ler, kullanıcı yüklemeleri) yalnızca derleme zamanında değil, çalışma zamanında doğrulamak için doğrudan örnek bir veriden bir Zod şeması oluşturun.