JSON'dan TypeScript Arayüzleri

Nasıl kullanılır?

1. JSON örneği alanına tipik bir JSON değeri yapıştırın. Türler yazdıkça görünür.
2. Kök arayüz adı alanına en dıştaki nesne için bir ad yazın, örneğin Product.
3. Türler aynı dosyada kalacaksa Her tanımın başına export yaz kutusunu boş bırakın.
4. TypeScript arayüzleri metnini kopyalayın ya da types.ts olarak indirin.

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

Her JSON nesnesi bir arayüz olur. Adı, onu tutan anahtardan PascalCase biçiminde gelir: first-name anahtarı FirstName olur. Bir dizinin öğeleri, dizinin anahtarının tekil hâlini alır; items anahtarı Item olur. Ad zaten kullanılmışsa, üst öğenin adı öne eklenir.

Metin, sayı ve mantıksal değerler string, number ve boolean olur. null, number | null gibi bir birleşimde null olarak yazılır. Değerlerden oluşan bir dizi, bir türün ardına [] eklenerek yazılır; örnek neyi tuttuğunu söylemediği için boş bir dizi unknown[] olur.

anahtar "first-name" -> özellik "first-name": string;   items -> Item[]

Bir dizideki birden çok örnek

Nesnelerden oluşan bir liste tek bir şekil olarak okunur. Her öğede bulunan bir anahtar zorunludur; bazı öğelerde eksik olan bir anahtar soru işaretiyle, isteğe bağlı olarak yazılır. Farklı öğelerde farklı türler taşıyan bir anahtar birleşim olur: önce string, sonra number, boolean, arayüz, dizi ve null gelir.

Bir örnek yalnızca içerdiği değerleri gösterir. Gerçek bir API'nin bazen bıraktığı bir anahtar tek bir örnekte bulunmayabilir; isteğe bağlı olduğunu görmek istiyorsanız o anahtarı içeren ikinci bir öğe ekleyin.

Sık sorulan sorular