Geliştirici aracı / 15

JSON'dan TypeScript Oluşturucu

JSON nesnelerini ve dizilerini güçlü türlere sahip TypeScript arayüzlerine veya tür bildirimlerine dönüştürün.

JSON'dan TypeScript Oluşturucu: TOEA, TypeScript arayüz tanımlarını ve union dizilerini çıkarmak için JSON türlerini ve iç içe anahtarları özyinelemeli olarak inceler. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.

Kategori: Geliştirici araçları
Çalıştırma sayısı: Tarayıcınızda
Maliyet: Ücretsiz · kayıt gerekmez
Kullanılabilirlik: Kullanıma hazır

Kök Adı

Tanım Biçimi

Alanları isteğe bağlı yapın (?)

Girdi JSON'u

Oluşturulan TypeScript Tanımları

export interface Product {
  id: number;
  name: string;
  inStock: boolean;
  tags: string[];
  dimensions: Dimensions;
}

export interface Dimensions {
  weightKg: number;
  heightCm: number;
}

Bir örnek, bir biçim

Türler örneği tam olarak açıklar. null olan bir alan null türüne dönüşür, boş dizi any[] olur ve dizi içindeki nesneler biçimlerini yalnızca ilk öğeden alır. Bunları elle düzenleyin: null genellikle string | null veya benzeri bir anlama gelir; yalnızca bazı kayıtlarda bulunan alanlar isteğe bağlı olmalıdır. Aynı anahtar adına sahip iki iç içe nesne, anahtarın adını alan tek bir arayüzü paylaşır; bu nedenle alanlarının her ikisine de uyduğunu kontrol edin.

Türler verileri kontrol etmez

TypeScript türleri kod derlendiğinde ortadan kalkar. Bir API daha sonra bir alanı sayı yerine dize olarak gönderirse çalışma zamanında bunu durduracak hiçbir şey olmaz ve hata başka bir yerde ortaya çıkar. Kodunuzun dışından gelen verileri ulaştıkları anda doğrulayın: JSON Schema validator ile test edebileceğiniz bir JSON Schema'ya karşı veya çalışma zamanı doğrulama kitaplığıyla.

Düz veriler için interface veya type kullanmanız genellikle önemli değildir. Arayüzler genişletilebilir ve birleştirilebilir; tür takma adları da birleşimleri ifade edebilir.

Nasıl kullanılır?

JSON verilerini giriş kutusuna yapıştırın.
Kök arayüz adını, bildirim biçimini veya isteğe bağlı alanları yapılandırın.
Oluşturulan TypeScript kodunu kopyalayın.

Gizlilik ve sınırlamalar

JSON verileri tamamen tarayıcı RAM'inde ayrıştırılır. Sunucuya hiçbir veri yüklenmez.

İlgili araçlar

Sık sorulan sorular

İç içe nesneleri destekliyor mu?

Evet, iç içe nesneler otomatik olarak alt arayüzler oluşturur.

Arayüzler yerine tür takma adları oluşturabilir miyim?

Evet, Bildirim Biçimi seçicisinde 'type' seçin.

Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez