İçeriğe atla
TextArray
%100 yerel

JSON'dan TypeScript'e

Adlandırılmış alt arayüzler olarak iç içe geçmiş nesnelerle bir JSON belgesinden TypeScript arayüzleri oluşturun.

Giriş

JSON'dan TypeScript'e

Bir JSON belgesi (bir API yanıtı, bir yapılandırma dosyası, bir veritabanı satırı) yapıştırın ve kullanıma hazır TypeScript bildirimlerini edinin. Türler yinelemeli olarak çıkarılır: ilkeller dizeye, sayıya ve boolean'a eşlenir, diziler kendi öğe türlerini taşır ve karışık diziler (sayı | dize)[] gibi temiz birleşimler haline gelir. İç içe geçmiş her nesne, PascalCase'deki özellik anahtarından türetilen adlandırılmış bir alt arayüz haline gelir, böylece bir "kullanıcı" özelliği, içe aktarabileceğiniz ve her yere başvurabileceğiniz bir Kullanıcı arayüzü üretir.

Aynı şekiller algılanır ve kopyalar oluşturmak yerine tek bir arayüzü yeniden kullanır; sayısal bir sonek yalnızca iki nesne bir anahtar adını paylaştığında ancak yapıları farklı olduğunda görünür. Boş diziler bilinmeyen[] olarak ve boş nesneler ise Record<string, bilinmiyor> olarak ortaya çıkar; tahminlerden ziyade dürüst yer tutucular. Geçerli tanımlayıcı olmayan özellik adları otomatik olarak alıntılanır, böylece kebap durumu ve sayısal tuşlar bozulmadan kalır.

Seçenekler gerçek proje kurallarını kapsar. Kök türünü adlandırın, arayüz ve tür bildirimleri arasında seçim yapın, her şeyi dışa aktarın veya hiçbir şeyi dışa aktarın, tüm özellikleri salt okunur olarak işaretleyin ve boş değerlerin nasıl değerlendirileceğine karar verin (açık bir boş tür olarak veya isteğe bağlı özellikler olarak). Geçersiz JSON, JSON biçimlendiricinin bunu bildirdiği gibi, sorunun satırında ve sütununda sakin bir hata üretir.

Her şey tarayıcınızda yerel olarak çalışır: Belirteçler, kullanıcı kayıtları veya dahili veriler içeren API yanıtları makinenizden asla ayrılmaz. Bildirimleri kod tabanınıza yapıştırın, kopyalayın ve verilerinizin şekli yazılır.

FAQ

İç içe geçmiş nesneler ve diziler nasıl yazılır?
İç içe geçmiş nesneler, PascalCase'deki özellik anahtarlarından türetilen adlandırılmış alt arayüzler haline gelir. Arrays take their element type; öğeler farklı olduğunda tür (sayı | dize)[] gibi bir birleşimdir. Aynı şekilli nesnelerden oluşan bir dizi, tüm öğeler için tek bir arayüzü yeniden kullanır.
Aynı şekle sahip iki nesneye ne olur?
Tek bir arayüzü paylaşıyorlar; oluşturucu yapıları karşılaştırıyor ve ilk adı yeniden kullanıyor. Öğe2 gibi bir sayısal son ek, yalnızca iki özelliğin aynı anahtara ancak gerçekten farklı şekillere sahip olması durumunda görünür.
Boş değerler nasıl işlenir?
Varsayılan olarak bir null özelliği null olarak yazılır; bu da tam olarak numunenin söylediği şeydir. Prop?: bunun yerine bilinmiyor - API'nizde null "bazen yok" anlamına geldiğinde kullanışlıdır.
Boş dizim neden bilinmiyor[] olarak yazılıyor?
Boş bir dizi, öğe türü hakkında hiçbir kanıt taşımaz, dolayısıyla bilinmeyen[] dürüst cevaptır. Örneğe bir temsili öğe ekleyin ve oluşturucu gerçek türü çıkarsın.
JSON'um herhangi bir yere yüklendi mi?
Hayır. Araç tamamen tarayıcınızda çalışır ve verileriniz hiçbir zaman cihazınızdan ayrılmaz; belirteçler veya kişisel veriler içeren API yanıtları için güvenlidir.