Alat developer / 15

Generator JSON ke TypeScript

Ubah objek dan array JSON menjadi interface atau deklarasi type TypeScript yang strongly typed.

Generator JSON ke TypeScript: TOEA memeriksa tipe JSON dan key bersarang secara rekursif untuk menyimpulkan definisi interface TypeScript dan union array. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan

Satu contoh, satu bentuk

Type menjelaskan contoh secara persis. Field yang bernilai null menjadi type null, array kosong menjadi any[], dan objek di dalam array mengambil bentuk hanya dari elemen pertama. Edit bagian tersebut secara manual: null biasanya berarti string | null atau yang serupa, dan field yang hanya ada pada sebagian record sebaiknya bersifat opsional. Dua objek bersarang dengan nama key yang sama berbagi satu interface yang dinamai berdasarkan key tersebut, jadi periksa apakah field-nya cocok untuk keduanya.

Type tidak memeriksa data

TypeScript type menghilang saat kode dikompilasi. Jika API kemudian mengirim field sebagai string, bukan number, tidak ada yang menghentikannya saat runtime dan error muncul di tempat lain. Untuk data dari luar kode Anda, validasi saat data diterima: gunakan JSON Schema yang dapat diuji di JSON Schema validator, atau gunakan library validasi runtime.

Penggunaan interface atau type jarang berpengaruh untuk data biasa. Interface dapat diperluas dan digabungkan; type alias juga dapat menyatakan union.

Cara menggunakannya

  1. Tempel payload JSON Anda ke kotak input.
  2. Atur nama interface root, gaya deklarasi, atau field opsional.
  3. Salin kode TypeScript yang dihasilkan.

Privasi & batasan

Data JSON Anda diproses sepenuhnya di RAM browser. Tidak ada upload ke server.

Alat terkait

Pertanyaan umum

Apakah mendukung objek bersarang?

Ya, objek bersarang otomatis menghasilkan interface turunan.

Bisakah saya membuat type alias alih-alih interface?

Ya, pilih 'type' di pemilih Declaration Style.

Alat gratis · berjalan di browser anda · tanpa perlu akun