Monu Tools

JSON ke TypeScript

Buat interface TypeScript dari contoh JSON, dengan tipe bersarang, array, dan kolom opsional. Berjalan di peramban Anda.

Cara menggunakan JSON ke TS

  1. 01

    Tempel objek atau array JSON.

  2. 02

    Opsional, atur nama interface root.

  3. 03

    Salin interface TypeScript yang dihasilkan.

Apa yang dilakukan generator ini

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.

Cara ia menangani bentuk dunia 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.

Field opsional di array campuran

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.

Ia menyimpulkan, bukan menerapkan skema

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

Bagaimana objek bersarang ditangani?

Setiap objek bersarang menjadi interface bernamanya sendiri, dirujuk dari induknya, jadi hasilnya bersih dan dapat dipakai ulang.

Bagaimana dengan array yang bentuknya berbeda?

Array objek digabung menjadi satu interface, dan kunci yang hilang dari sebagian elemen ditandai opsional. Array primitif campuran menjadi tipe elemen union.

Apakah JSON saya diunggah ke mana pun?

Tidak. Tipe dihasilkan sepenuhnya di peramban Anda, jadi data Anda tidak pernah keluar dari perangkat.

Sumber

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