İçeriğe geç
ToolMug

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

API yanıtı, yapılandırma dosyası veya test verisi gibi bir JSON örneğini kodunuza yapıştırabileceğiniz TypeScript interface’lerine dönüştürün. İç içe nesneler kendi adlandırılmış türlerini alır; dizi öğeleri arasındaki farklar isteğe bağlı alanlara veya union türlere dönüşür.

Tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez

Nasıl kullanılır

  1. Bir JSON örneği yapıştırın veya “Örnek yükle” düğmesine tıklayın.
  2. Kök türün adını belirleyin.
  3. Interface mi yoksa type alias mı istediğinizi seçin.
  4. Oluşturulan türleri kopyalayın veya indirin.

Seçeneklerin açıklaması

Kök tür adı
En üst düzey türün adı, örneğin User veya ApiResponse. İç içe türler anahtarlarına göre adlandırılır; address Address olur, posts içindeki öğeler ise Post olur.
interface yerine type kullan
Interface’ler yerine type alias’lar (type User = { … }) oluşturur. Düz veriler için ikisi de aynı şekilde çalışır.

Örnekler

{"id": 1, "tags": ["a"], "owner": {"name": "Ada"}} şuna dönüşür:

export interface Owner {
  name: string;
}

export interface Root {
  id: number;
  tags: string[];
  owner: Owner;
}

Sıkça sorulan sorular

Nesne dizileri nasıl ele alınır?

Tüm öğeler tek bir türde birleştirilir. Yalnızca bazı öğelerde bulunan bir anahtar isteğe bağlı olur (key?), bazen null olan bir değer ise string | null gibi bir union türe dönüşür.

Bir alanın türü neden unknown?

Örnekte bu alan için yalnızca null vardı, bu yüzden gerçek türü çıkarılamıyor. unknown yerine doğru türü yazın ya da alanın bir değere sahip olduğu bir örnek yapıştırın.

Tam sayılar ve ondalıklı sayılar farklı türler mi?

TypeScript’te değil; ikisi de number olur. Go, Rust ve Python çıktıları ise bunları ayırt eder.

JSON’um sunucuya yükleniyor mu?

Hayır. Türler tarayıcınızda oluşturulur; böylece gerçek veri içeren API yanıtları cihazınızda kalır.

Gizlilik

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.

İlgili araçlar