JSON TypeScript dönüştürücü

JSON’u TypeScript’e çevirmek için aşağıya örnek veri yapıştırın: araç iç içe nesneler, diziler ve isteğe bağlı alanlarla arayüzler veya tipler üretir – ya da bir JSON şeması. Verileriniz tarayıcınızda kalır.

Kaynak: TypeScript Handbook – Object Types (interfaces, optional properties, readonly). Güncelleme: .

Araçlarım

Sonuç

Sonuç
export interface Root { id: number; name: string; email: null; tags: string[]; address: Address; orders: Order[]; active: boolean; } export interface Address { street: string; zip: string; } export interface Order { no: number; total: number; voucher?: string; }
Özet
217 karakterlik JSON’dan 3 tip üretildi.
Yalnızca örnek verilerde görünen çıkarılır: orada hiç null olmayan bir alan null olabilir olarak tanınmaz; her nesnede bulunmayan alanlar isteğe bağlı (?) olur.

Nasıl hesaplanır?

JSON’u TypeScript’e çevirmek, örnek verilerden uygun tipleri çıkarmaktır. {"id": 1, "name": "Anna"}, id: number ve name: string içeren bir arayüze dönüşür. Araç JSON’unuzu tarayıcınızda okur, aynı türdeki nesneleri birleştirir ve tipleri kaynak kod olarak yazar – yükleme olmadan.

Nasıl çalışır

  1. JSON’u alana yapıştırın, örneğin bir API yanıtı.
  2. Çıktıyı seçin: arayüzler, tipler (type) veya JSON şeması. Adları, export’u, readonly’yi ve girintiyi isteğinize göre ayarlayın.
  3. Sonucu kopyalayıp projenize yapıştırın.

Tipler nasıl oluşur

Sınırlar

Sonuç bir taslaktır: örnek veriler her olası durumu göstermediği için arayüzün belgeleriyle karşılaştırın.

Gizlilik

JSON tarayıcınızdan çıkmaz. Devamı için: JSON biçimlendirme, CSV’yi JSON’a çevirme veya YAML’ı JSON’a çevirme.

Sıkça sorulan sorular

JSON’u TypeScript’e nasıl çeviririm?

JSON’u yapıştırın ve “TypeScript arayüzleri”ni seçin: araç tüm alanları, iç içe tipleri ve dizileri içeren arayüzler üretir. Projenize kopyalayın.

Interface mi type mı – hangisi daha iyi?

İkisi de aynı biçimi tanımlar. Arayüzler genişletilebilir ve çoğu zaman daha iyi hata iletileri verir; type birleşimlerde daha esnektir. Araç isteğe göre ikisini de üretir.

Araç isteğe bağlı alanları nasıl tanır?

Bir nesnede eksik olup başkasında bulunan alan soru işareti alır. Bunun için bir dizideki birden çok nesne birleştirilir.

JSON şeması da üretebilir miyim?

Evet, “JSON şeması (2020-12)”yi seçin. Şema tipleri, iç içe özellikleri ve zorunlu alan listesini içerir.

JSON’um yükleniyor mu?

Hayır. Tipler tamamen tarayıcınızda oluşturulur.

Kaynaklar ve yasal dayanak

Güncelleme: · Editoryal ilkeler

Benzer araçlar