Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

Ana içeriğe geç
Gizke.com
Blog

JSON'dan TypeScript'e

Cihazınızda çalışır. Hiçbir şey gönderilmez.
Tanım türü

TypeScript

TypeScript tiplerini görmek için JSON yapıştırın.

JSON yapıştırın, TypeScript interface ya da type tanımlarını alın - iç içe nesneler adlandırılır, diziler birleştirilir, isteğe bağlı alanlar ve union'lar çıkarılır.

Bir API yanıtını, yapılandırma dosyasını ya da herhangi bir JSON örneğini yapıştırın; kodunuza koyabileceğiniz TypeScript tanımlarını alın. Her iç içe nesne kendi adlı interface'ine dönüşür, nesne dizileri birleştirilir - bazı öğelerde olmayan alanlar isteğe bağlı, farklı türde değerler union olur - aynı yapıdaki nesneler tek bir tanımı paylaşır. interface ya da type, export, readonly ve isteğe bağlı alanların yazımını seçin; kodu kopyalayın ya da .ts dosyası indirin.

Sıkça sorulan sorular

İç içe tipler nasıl adlandırılır?
Altında bulundukları anahtara göre, PascalCase ile: address nesnesi Address, users dizisinin öğeleri User olur. İki farklı yapı aynı adı alacaksa ikincisine numara eklenir (Item2).
Bir alan neden isteğe bağlı ya da union?
Dizilerde her öğe karşılaştırılır. Bazı öğelerde olmayan bir anahtar isteğe bağlı işaretlenir; bir öğede sayı, diğerinde metin olan bir anahtar string | number olur. En iyi tipler için temsili bir örnek verin.
Tarihler, enum'lar ve boş diziler ne olur?
JSON'da tarih tipi yoktur, tarihler string kalır; sabit değer kümeleri de string kalır - bunları elle daraltın. Boş dizi, çıkarılacak bir şey olmadığı için unknown[] olur.
JSON'um yükleniyor mu?
Hayır. Ayrıştırma ve üretim tarayıcınızda yapılır; örneğinizdeki özel API verileri ve token'lar cihazınızda kalır.

Bu aracı paylaş

BlogHakkımızdaİletişimKullanım KoşullarıGizlilik Politikası