JSON'dan TypeScript'e

Nasıl kullanılır

JSON'dan TypeScript'e nasıl kullanılır?

01
JSON'u yapıştır
Bir nesneyi veya veri dizisini bırakın.
02
Seçenekleri ayarla
Arayüzü veya türü seçin, kökü adlandırın, isteğe bağlı olarak geçersiz değerleri işaretleyin.
03
Türleri gözden geçirin
İç içe arayüzler otomatik olarak oluşturulur.
04
Kopyala
TypeScript'i projenize kopyalayın.

Kullanım örnekleri

Yaygın kullanım durumları

—Hızla bir API yanıtı yazın
—JSON fikstüründen modeller oluşturun
—Bir yapılandırma dosyası için arayüzler oluşturma
—Yeni bir entegrasyon için önyükleme türleri

Genel Bakış

Gerçek verilerden yazılan modeller

TypeScript arayüzlerini bir API yanıtıyla eşleştirmek için elle yazmak sıkıcı ve hataya açık bir işlemdir. Bir JSON verisi yapıştırdığınızda bu araç, doğru yazılmış alanlar, nesneler için iç içe geçmiş arayüzler ve dizi öğesi türleri ile eşleşen bir arayüz (veya tür takma adı) oluşturarak yapıyı yönlendirir. Karışık diziler birleşim türleri haline gelir, böylece modelleriniz verileri tam olarak yansıtır.

Çıktıyı tarzınıza göre ayarlayın

Arabirimleri mi yoksa takma adları mı yazacağınızı seçin, kök türünü adlandırın ve isteğe bağlı olarak null yapılabilir alanları isteğe bağlı olarak işaretleyin. Oluşturulan kod güncellenir ve projenize yapıştırılmaya hazırdır. Bunların hepsi tarayıcınızda çalışır, dolayısıyla özel API yükleri ve dahili şemalar makinenizden asla ayrılmaz.

Özellikler

01: Arayüzler oluşturun veya takma adlar yazın
02: İç içe geçmiş nesneleri ve dizileri işler
03: Karışık dizilerden birleşim türlerini çıkarır
04: Boş değerler için isteğe bağlı özellikler
05: Özel kök türü adı
06: Yerel olarak çalışır; kod hiçbir zaman yüklenmedi

SSS

Sık sorulan sorular

JSON'u TypeScript arayüzüne nasıl dönüştürebilirim?+

JSON'unuzu yapıştırdığınızda araç anında eşleşen bir arayüz oluşturarak nesneler için iç içe arayüzler oluşturur ve dizi öğesi türlerini çıkarır. Doğrudan kodunuza kopyalayın.

İç içe geçmiş nesneleri ve dizileri işliyor mu?+

Evet. İç içe geçmiş nesneler kendi adlandırılmış arayüzleri haline gelir ve diziler, öğeleri tarafından yazılır. Karışık türlere sahip diziler (string | number)[] gibi bir birleşim üretir.

Arayüzler yerine tür takma adları alabilir miyim?+

Evet - 'arayüz' bildirimleri yerine 'tür' takma adları verme seçeneğini değiştirin ve kök türünü projenize uyacak şekilde yeniden adlandırın.

JSON'um herhangi bir yere yüklendi mi?+

Hayır. Ayrıştırma ve oluşturma tamamen tarayıcınızda gerçekleşir, dolayısıyla hassas veriler cihazınızdan asla ayrılmaz.