JSON ke TypeScript

Buat interface TypeScript dari sampel JSON, menyimpulkan tipe secara rekursif.

File tetap di perangkat ini

File diproses di browser, tidak pernah diunggah. Situs mengunduh kode dan aset yang diperlukan alat. Tanpa akun atau pelacak.

Gunakan Unduh untuk menyimpan alat ini sebagai satu file HTML untuk penggunaan offline.

Privasi →

masukan

keluaran

Coba contoh lengkap

Contoh

Tempel [{"id":1},{"id":2,"note":"late"}]. Hasilnya type Root = RootItem[]; dan interface RootItem dengan id: number dan note?: string, karena note tidak ada di item pertama.

Perlu diingat

Tipe hanya berasal dari sampel yang Anda tempel. Field yang di sini berupa string bisa bernilai null di respons lain, dan angka tidak dibedakan antara bilangan bulat dan desimal, jadi cocokkan hasilnya dengan dokumentasi API.

Tentang alat ini

Tempel contoh JSON, misalnya respons API, dan dapatkan interface TypeScript yang sesuai, dibuat sepenuhnya di browser Anda. Setiap item dalam array diperiksa: field yang tidak ada di sebagian item menjadi opsional, dan nilai dengan tipe berbeda menjadi union.

Pertanyaan yang sering diajukan

Bagaimana objek bersarang ditangani?

Setiap objek bersarang menjadi interface tersendiri yang dinamai dengan PascalCase dari kuncinya. Objek di dalam array mendapat akhiran Item, misalnya TagsItem.

Bagaimana array diberi tipe?

Setiap elemen diperiksa. Objek digabung menjadi satu interface, field yang tidak ada di sebagian objek ditandai opsional dengan ?, dan nilai campuran menjadi union seperti (string | number)[]. Array kosong menjadi unknown[].