jsonecho

JSON ke TypeScript

Tempel contoh JSON untuk membuat tipe TypeScript yang sesuai.

Memuat alat...

Cara menggunakan JSON ke TypeScript

  1. Tempel contoh JSON yang mewakili data Anda, sebaiknya dengan semua kolom opsional sudah terisi.
  2. Tentukan nama tipe utama, lalu pilih apakah Anda ingin menyertakan kode bantu atau hanya membuat tipe.
  3. Salin kode TypeScript yang dihasilkan ke proyek Anda.

Tentang JSON ke TypeScript

Menulis kelas model secara manual untuk data JSON yang besar itu melelahkan dan rawan salah ketik. Tempel contohnya di sini, lalu generator akan mengenali strukturnya: kolom yang tersedia, mana yang berupa objek atau array, dan tipe data setiap nilainya. Hasilnya berupa interface untuk setiap objek. Hapus centang "Hanya tipe" untuk menambahkan kelas Convert yang memeriksa data saat program berjalan.

Interface hanya ada saat kompilasi. Jika perlu memeriksa data yang masuk saat program berjalan, tetap sertakan kelas Convert. Semuanya berjalan di browser, jadi data contoh Anda tetap berada di perangkat Anda.

Menggunakan kode yang dihasilkan

Cast dengan const data: Root = JSON.parse(text), atau menggunakan hasil yang dihasilkan Convert.toRoot(text) untuk validasi.

Properti opsional ditulis dengan tanda tanya, dan yang nol sebagai string | null.

Pertanyaan yang sering diajukan

Apa dependensi kode TypeScript yang dihasilkan?

Hasilnya berupa interface untuk setiap objek. Hapus centang "Hanya tipe" untuk menambahkan kelas Convert yang memeriksa data saat program berjalan.

Bagaimana saya menganalisis JSON dengan hasil?

Cast dengan const data: Root = JSON.parse(text), atau menggunakan hasil yang dihasilkan Convert.toRoot(text) untuk validasi.

Bagaimana kolom opsional dan kolom yang tidak ada ditangani?

Properti opsional ditulis dengan tanda tanya, dan yang nol sebagai string | null.

Apakah generator memeriksa lebih dari satu entri?

Generator hanya mengenali data yang ada dalam contoh Anda. Kolom yang tidak ada dalam contoh tidak akan muncul pada tipe yang dibuat. Jika suatu nilai dalam contoh adalah null, tipe datanya tidak dapat ditentukan. Tempel contoh dengan kolom yang terisi selengkap mungkin, atau gunakan array berisi beberapa entri yang berbeda.

Apakah JSON saya dikirim ke server?

Tidak. Saat pertama kali digunakan, generator berukuran sekitar 1 MB diunduh ke browser Anda. Seluruh proses selanjutnya berjalan secara lokal.

Alat lainnya di Data ke Kelas

Semua alat →