Buat interface TypeScript dari contoh JSON, dengan tipe bersarang, array, dan kolom opsional. Berjalan di peramban Anda.
Cara menggunakan JSON ke TS
Tempel objek atau array JSON.
Opsional, atur nama interface root.
Salin interface TypeScript yang dihasilkan.
Ini adalah generator JSON ke TypeScript yang menyimpulkan sekumpulan interface dari contoh objek atau array JSON, sehingga Anda dapat menempelkan respons API dan mendapatkan tipe yang siap pakai alih-alih menuliskannya dengan tangan.
Ini sangat menghemat waktu ketika Anda mengonsumsi API atau berkas konfigurasi: tempel respons, secara opsional beri nama interface akar, dan salin TypeScript yang bersih langsung ke dalam kode Anda.
Pembuatan berjalan sepenuhnya di browser Anda, sehingga data Anda tidak pernah meninggalkan perangkat Anda, yang penting ketika sampel berisi nilai nyata.
Alat ini menangani bentuk dunia nyata: objek bersarang menjadi interface bernama sendiri yang direferensikan dari induknya, array objek digabungkan menjadi satu interface, dan tipe union dihasilkan ketika nilai bervariasi.
Ketika objek dalam sebuah array tidak semuanya memiliki kunci yang sama, kunci yang hilang dari sebagian elemen ditandai opsional dengan tanda tanya, yang sesuai dengan bagaimana data sebenarnya berperilaku dan menjaga tipe tetap jujur.
Satu poin penting: alat ini menyimpulkan bentuk dari satu sampel yang Anda berikan, alih-alih menerapkan skema. Jika sebuah field terkadang null atau tidak ada dalam data nyata tetapi tidak dalam sampel Anda, tipe yang dihasilkan tidak akan mengetahuinya, jadi gunakan contoh yang representatif.
Pertanyaan yang sering diajukan
Setiap objek bersarang menjadi interface bernamanya sendiri, dirujuk dari induknya, jadi hasilnya bersih dan dapat dipakai ulang.
Array objek digabung menjadi satu interface, dan kunci yang hilang dari sebagian elemen ditandai opsional. Array primitif campuran menjadi tipe elemen union.
Tidak. Tipe dihasilkan sepenuhnya di peramban Anda, jadi data Anda tidak pernah keluar dari perangkat.
Sematkan tool ini
Tambahkan tool ini ke situs web Anda sendiri. Salin cuplikan di bawah; cuplikan ini tetap terbarui secara otomatis.
<iframe src="https://monu.tools/embed/id/json-to-typescript" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Alat terkait
Format, percantik, dan validasi JSON secara online dengan pesan kesalahan yang jelas untuk input tidak valid.
Minify dan validasi JSON di peramban Anda, dan lihat berapa byte yang Anda hemat.
Konversi JSON ke CSV dan CSV kembali ke JSON, dua arah. Pilih pembatas, tangani kolom yang dikutip, dan salin hasilnya. Semuanya berjalan di browser Anda.
Konversi YAML ke JSON dan JSON kembali ke YAML, dua arah. Memvalidasi saat mengonversi dan menampilkan kesalahan yang jelas. Semuanya berjalan di browser Anda.