🔷 JSON'dan TypeScript -- Anında Arayüz Oluşturucu, Ücretsiz & Çevrimdışı
Herhangi bir JSON nesnesi veya dizi yapıştırın ve bu araç anında TypeScript arayüz (veya tür takma adı) tanımları oluşturur -- tamamen ücretsiz, oturum açmaya gerek yok, yükleme gerek yok ve tarayıcınızda %100 çalışır. İç içe nesneler iç içe arayüzlere dönüşür, nesne dizileri tek bir türle birleştirilir ve bazı öğelerde eksik olan anahtarlar isteğe bağlı hale gelir, karışık türlerden oluşan diziler otomatik olarak birleşim türleri üretir.
Tasarım gereği gizli. Bu araç, tarayıcınızda tamamen çalışır — girdiğiniz hiçbir şey yüklenmez ya da saklanmaz ve çevrimdışı da çalışır.
Hakkında
Bu JSON'dan TypeScript'e dönüştürücü, dışarıdan kütüphane kullanmadan ve sunucuya çağrı yapmadan saf istemci tarafında tür çıkarımı yapan bir yürüyüş kullanır. JSON'daki her düğümü özyinelemeli olarak ziyaret eder: temel değerler string, number, boolean veya null'a haritalanır; iç içe nesneler isimli alt arayüzlere dönüşür; nesne dizileri tüm öğe şekillerini birleştirerek bazı öğelerde eksik olan anahtarlar isteğe bağlı hale gelir (anahtar?: Tür); karışık türlerden oluşan diziler (string | number)[] gibi birleşim türleri üretir. Arayüz veya tür takma adı çıktısı arasında seçim yapabilir ve kök arayüz adını ayarlayabilirsiniz. Tüm işler tarayıcınızda yapılır -- JSON verileriniz hiçbir yere gönderilmez.
Nasıl kullanılır
- JSON'ınızı girdi alanına yapıştırın -- nesneler, diziler veya iç içe yapılar hepsi çalışır.
- Kök arayüz adını ayarlayın (varsayılan: RootObject) ve arayüz veya tür takma adı çıktısı arasında seçim yapın.
- Tanımları anında oluşturmak için TypeScript'e Dönüştür'e tıklayın (veya Ctrl+Enter tuşlarına basın).
- TypeScript çıktısını inceleyin -- iç içe arayüzler önce, kök arayüz sona konur.
- Sonucu kopyalamak için Kopyala'ya tıklayın ve doğrudan TypeScript projenize yapıştırın.
SSS
- Bu araç JSON'ımı sunucuya yükler mi?
- Hayır. Tüm işleme JavaScript kullanarak tarayıcınızda tamamen yapılır. JSON'ınız cihazınızdan asla çıkmaz.
- İç içe nesnelerle farklı şekillerde olan diziler nasıl işler?
- Tüm öğe şekilleri bir araya getirilerek tek bir arayüze dönüşür. Tüm öğelerde bulunan anahtarlar zorunludur; herhangi bir öğede eksik olan anahtarlar ? ile isteğe bağlı olarak işaretlenir.
- Arayüz ve tür çıktısı modları arasındaki fark nedir?
- arayüz, TypeScript arayüz tanımlarını (genişletilebilir, nesne şekilleri için tercih edilir) kullanır. type, tür takma adlarını (daha esnek, kök düzeyinde temel türleri ve birleşimleri destekler) kullanır. Her iki yaklaşım da nesne şekilleri için eşdeğer sonuçlar verir.
- Derinlemesine iç içe JSON'ları işleyebilir mi?
- Evet. Tür gezgini tamamen özyinelemelidir — her iç içe nesne kendi isimli arayüzini oluşturur ve arayüzler bağımlılık sırasına göre (en derin olanlar önce) çıktı verilir, böylece TypeScript derleme sırasında ileri referans hataları oluşmaz.
- JSON dizim içinde karışık türler (örneğin, metinler ve sayılar) varsa ne olur?
- Karışık türli diziler, birleşim türleri oluşturur. Örneğin, [1, 'hello', true] (number | string | boolean)[] olur. Dizi tek bir tutarlı tür içeriyorsa, birleşim gerekmez.
- Bu araç, verilerimi yükler mi?
- Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.