JSON'dan TypeScript'e

Bir JSON örneğinden, türleri özyinelemeli olarak çıkararak TypeScript arayüzleri oluşturun.

Dosyalarınız bu cihazda kalır

Dosyalar tarayıcınızda işlenir, asla sunucuya yüklenmez. Site, araçları çalıştırmak için gereken kod ve kaynakları indirir. Hesap veya takip yoktur.

Bu aracı çevrimdışı kullanım için tek bir HTML dosyası olarak kaydetmek üzere İndir'i kullanın.

Gizlilik →

girdi

çıktı

Çözümlü bir örnek deneyin

Örnek

[{"id":1},{"id":2,"note":"late"}] yapıştırın. Sonuç type Root = RootItem[]; ve id: number ile note?: string içeren bir RootItem arayüzüdür, çünkü ilk öğede note yoktur.

Aklınızda bulunsun

Türler yalnızca yapıştırdığınız örnekten gelir. Burada metin olan bir alan başka yanıtlarda null olabilir ve sayılar tam sayı ile ondalık olarak ayrılmaz; bu yüzden sonucu API belgeleriyle karşılaştırın.

Bu araç hakkında

API yanıtı gibi bir JSON örneği yapıştırın ve tamamen tarayıcınızda üretilen uygun TypeScript arayüzlerini alın. Bir dizideki her öğe incelenir: bazı öğelerde eksik olan alanlar isteğe bağlı olur, farklı türdeki değerler birleşim türüne dönüşür.

Sık sorulan sorular

İç içe nesneler nasıl ele alınır?

Her iç içe nesne, anahtarından PascalCase ile adlandırılan ayrı bir arayüz olur. Dizilerin içindeki nesneler TagsItem gibi Item son ekini alır.

Diziler nasıl türlendirilir?

Her öğe incelenir. Nesneler tek bir arayüzde birleştirilir, bazılarında olmayan alanlar ? ile isteğe bağlı işaretlenir ve karışık değerler (string | number)[] gibi bir birleşime dönüşür. Boş diziler unknown[] olur.