Genel bakış / Geliştirici ve kod / JSON'dan TypeScript'e
Geliştirici ve kod %100 tarayıcıda ve çevrimdışı

JSON'dan TypeScript'e

Bir JSON örneği yapıştırın, TypeScript arayüzleri veya türleri alın: iç içe nesneler adlandırılır, eksik anahtarlar isteğe bağlı olur, karışık değerler birleşim türüne dönüşür.

Girdinizi yapıştırın veya yazın; sonuç anında görünür, hatalar girdinin altında gösterilir. Alanlar bir örnekle başlar: birine tıklayıp yazmaya başlayarak örneği değiştirin.

Dosyalarınız ve girdileriniz tarayıcınızdan asla çıkmaz – hiçbir şey yüklenmez.

JSON

TypeScript

Türler, yapıştırdığınız değerlerden tahmin edilir. Bir dizinin bazı öğelerinde bulunmayan anahtar isteğe bağlı olur, karışık değerler birleşim türüne dönüşür ve boş dizi unknown[] olur. Güvenmeden önce sonucu gerçek verinizle karşılaştırın.

Örnek bir yanıtı türlere dönüştürün

API işlerinin çoğu aynı şekilde başlar: elinizde bir JSON yanıtı vardır ve onun için bir türe ihtiyacınız vardır. Yanıtı sola yapıştırın; sağ taraf eşleşen TypeScript kodunu gösterir ve kod bir .ts dosyasına koymaya hazırdır. Elle hiçbir şey yazmanız gerekmez; on seviye iç içe bir veri, iki seviyelik bir veri kadar sürer. Bu, özellikle büyük ve karmaşık yanıtlarda size saatler kazandırır ve yazım hatalarını da ortadan kaldırır.

Veriden bildirim dosyasına

  1. JSON'unuzu soldaki kutuya yapıştırın ya da nasıl çalıştığını görmek için Örnek'e basın.
  2. Ana türün adını belirleyin, örneğin User veya ApiResponse.
  3. interface ile type arasında seçim yapın; isterseniz export veya salt okunur seçeneğini işaretleyin.
  4. Sonucu sağda kontrol edin. Sözdizimi hatası türlerin yerinde bildirilir.
  5. Kodu almak için Kopyala veya .ts indir'i kullanın.

Türler nasıl çıkarılır

  • Dizeler, sayılar, mantıksal değerler ve null, karşılık gelen TypeScript türüne eşlenir.
  • İç içe bir nesne, anahtarının PascalCase hâliyle adlandırılan kendi arayüzü olur. shipping_address anahtarı ShippingAddress verir.
  • Dizilerde tüm öğeler birleştirilir. Yalnızca bazılarında bulunan anahtar soru işaretiyle isteğe bağlı işaretlenir; farklı türdeki değerler string | number gibi bir birleşim türü olur.
  • Tam olarak aynı şekle sahip iki nesne iki kopya üretmek yerine tek bir arayüzü paylaşır.
  • Boş dizi unknown[], boş nesne ise Record<string, unknown> verir.

Tek bir örnekten tahmin etmenin sınırları

Bir örnek yalnızca içerdiğini gösterebilir. Örneğinizde hep dolu olan bir alan üretimde null olabilir, kimlik gibi görünen bir sayı başka yerde dize olabilir. Tarihler dize olarak gelir, bu yüzden string türü verilir. Çıktıyı ilk taslak sayın, gerekirse elle sıkılaştırın ve daha dar türlere çevirin; veri kontrolünüz dışındaki kaynaklardan geliyorsa gerçek yanıtları çalışma zamanında da doğrulayın.

Verileriniz gizli kalır

Dönüştürme sayfanın içinde çalışır. Yapıştırılan örnekteki üretim yanıtları, belirteçler ve kişisel veriler bir sunucuya gönderilmez; bu da gerçek verilerle kullanmayı güvenli kılar. Sayfayı kapattığınızda yapıştırdığınız JSON ve üretilen kod da yok olur.

Sık sorulan sorular (SSS)

JSON'u soldaki kutuya yapıştırın. Arayüz hemen sağda görünür. Ana türe ad verin, kodu kopyalayın ve bir .ts dosyasına koyun.