Basit bir kullanıcı nesnesi
{ "id": 1, "name": "Ada", "roles": ["admin", "editor"] }interface Root {
id: number;
name: string;
roles: string[];
}JSON'dan TypeScript'e
Bir JSON örneğinden kullanıma hazır TypeScript interface'leri üretin.
TypeScript
Sonuç burada görünecek.
Bu araç işinize yaradı mı?
Bu araç hakkında
Bir API yanıtını elle tiplemek yorucu ve hataya açıktır: adı değişen tek bir alan, tipin gerçeklikten sessizce sapmasına yol açar. Bu araç, TypeScript interface'lerini gerçek bir JSON örneğinden doğrudan çıkarır — elle inceltmeden önce en hızlı başlangıç noktası.
İç içe her nesne kendi adlandırılmış interface'ini alır, diziler elemanlarından tiplenir; aynı özellik adını paylaşan ama farklı bir şekle sahip iki nesne, yanlışlıkla birleştirilmek yerine ayrı interface adları alır.
Nasıl kullanılır
- Bir JSON nesnesi veya dizisi yapıştırın — gerçek bir API yanıtı en iyi sonucu verir.
- En üstteki interface'in adını belirleyin (varsayılan: Root).
- Üretilen TypeScript'i kopyalayıp projenize yapıştırın, ardından örneğin size söyleyemediği alan tiplerini elle düzeltin — her zaman boş bir dizi, bazen null olan bir alan, örnekte hiç görünmeyen bir union.
Örnekler
Sık karşılaşılan sorunlar
- Bir alan yararlı bir tip yerine `null` olarak görünüyor.
- Örnek JSON'da o alan `null` olduğu için çıkarılacak tip bilgisi yok. Örneğinize gerçek bir değer koyun ya da üretilen tipi elle genişletin, ör. `string | null`.
- İç içe iki nesne `Item` ve `Item2` gibi adlar aldı.
- Aynı özellik adını paylaşıyorlar ama farklı bir anahtar kümesine sahipler, bu yüzden tek bir interface'te birleştirmek yanlış olurdu. Üretilen interface'lerden birini daha belirgin bir adla değiştirin.
Sıkça sorulan sorular
İlgili araçlar
Geliştirici Araçları
JSON Biçimlendirici
JSON'u okunur hale getirin veya sıkıştırın; hataların tam konumunu görün.
Geliştirici Araçları
JSON Doğrulayıcı
Belgenin geçerli JSON olup olmadığını; değilse satır, sütun ve nedenini görün.
Geliştirici Araçları
YAML ↔ JSON Dönüştürücü
YAML'ı JSON'a ya da JSON'u YAML'a tarayıcınızda anında dönüştürün.
Geliştirici Araçları
JSON'dan Model Sınıfına
Bir JSON örneğinden C#, Java veya Python model sınıfları üretin.