TR

JSON'dan TypeScript'e

JSON yapıştır, TypeScript interface ya da type alias al. İsteğe bağlı alanlara soru işareti eklenir, null değerler | null ekler, karışık değerli diziler union tipe dönüşür.

Ücretsiz ve gizli. Her şey tarayıcında çalışır, hiçbir şey yüklenmez.

Nasıl kullanılır

  1. JSON'unu yapıştırAPI'nden gelen bir yanıtı yapıştır ya da .json dosyası aç. Nasıl çalıştığını görmek için Örnek'e bas.
  2. Seçenekleri ayarlaEn üstteki tipin adını ve bu dile özel seçenekleri belirle. Kod sen yazdıkça güncellenir.
  3. Kopyala ya da indirKodu projene kopyala ya da dosya olarak indir.

API yanıtları için interface

Bir fetch çağrısının yanıtına tip vermek, TypeScript projelerinde en sık yapılan işlerden biridir. Buraya gerçek bir yanıt yapıştır, her nesne yapısı için bir interface al; iç içe nesneler ve diziler en alta kadar tiplenir. "Created At" ya da "123abc" gibi geçerli tanımlayıcı olmayan anahtarlar tırnak içine alınır, böylece tip veriyle uyumlu kalır.

interface ya da type seç, her tipin export edilip edilmeyeceğini ve alanların readonly olup olmayacağını belirle. Tarihler string olarak kalır, çünkü JSON'da tarih tipi yoktur ve JSON.parse metin döndürür. Her öğede null olan bir alan unknown olur, böylece derleyici kullanmadan önce kontrol etmeni ister.

Sık sorulan sorular

interface mi type mı seçmeliyim?

İkisi de nesne yapıları için çalışır. interface genişletilebilir ve birleştirilebilir, type alias union da tanımlayabilir. Birçok ekip API modelleri için interface kullanır, varsayılan da odur.

JSON'um bir yere yükleniyor mu?

Hayır. Tipler tarayıcında oluşturulur. Müşteri verisi ya da anahtar içeren API yanıtları cihazından çıkmaz.

İsteğe bağlı alanlar nasıl bulunuyor?

JSON'da bir nesne listesi varsa her nesne karşılaştırılır. En az bir nesnede olmayan alan isteğe bağlı olarak işaretlenir. Tek bir nesne varsa her alan zorunlu sayılır.

Hep null olan alanlara ne oluyor?

Tipi örnekten anlaşılamaz, bu yüzden alan unknown, object, Any ya da JsonElement gibi genel bir tip alır. Kesin tip için alanın dolu olduğu bir örnek ekle.

1.0 değerim neden ondalıklı sayı oldu?

Araç sayının nasıl yazıldığına bakar. 1.0 ya da 2.5 double veya float olur, 1 tam sayı olur. Bir alan bazı öğelerde tam, bazılarında ondalıklıysa ondalıklı tip kullanılır.

Sonucu canlı projede kullanabilir miyim?

Evet, kod olağan kurulumlarda olduğu gibi derlenir. Yine de commit etmeden önce adları ve tipleri gözden geçir, çünkü bir örnek hiçbir zaman olası bütün değerleri göstermez.

İnternetsiz çalışır mı?

Evet. Sayfayı bir kez açtıktan sonra internet bağlantısı olmadan da çalışmaya devam eder.