İçeriğe geç
iyziTool

JSON'dan TypeScript'e

Bir API yanıtını ya da yapılandırma dosyasını TypeScript arayüzlerine çevirin. İç içe nesneler adlandırılmış arayüz olur; bazı dizi elemanlarında bulunmayan anahtarlar isteğe bağlı işaretlenir.

TypeScript
export interface Root { id: number; name: string; email: null; tags: string[]; address: Address; orders: Order[]; } export interface Order { id: number; total: number; note?: string; } export interface Address { city: string; zip: string; }

Bu araç hakkında

Bir API yanıtını elle türlemek hem sıkıcı hem hataya açıktır. Bu üretici JSON'u dolaşır, her nesne biçimi için bir arayüz oluşturur ve onu bulunduğu anahtara göre adlandırır (diziler için tekile çevirir), ilkel türleri çıkarsar, karışık dizi elemanlarını birleşim yapar ve bir anahtar dizinin her elemanında yoksa onu isteğe bağlı işaretler. Null değerler null birleşimine dönüşür, böylece bunları ele almayı unutmazsınız.

Çıktı, dışa aktarılmış arayüzlerden oluşan düz TypeScript'tir; bir .d.ts dosyasına ya da modüle doğrudan yapıştırılabilir. Sonucu gözden geçirin: JSON bir metnin aslında tarih ya da numaralandırma olduğunu ifade edemez, bunları elle inceltmeniz gerekir.

Sık sorulan sorular

Bir anahtar neden isteğe bağlı işaretlendi?
Bazı dizi elemanlarında vardı ama hepsinde yoktu. Bu en güvenli çıkarımdır; API'niz garanti ediyorsa ? işaretini silin.
Arayüz yerine tür takma adı üretebilir mi?
Nesneler arayüz olur; kök yalnızca dizi ya da ilkel bir değerse tür takma adına dönüşür.
Çok büyük JSON'da ne olur?
Binlerce nesne sorun değildir. Yalnızca benzersiz biçimler arayüz üretir.

İlgili araçlar