Lewati ke konten
Logo CrateX.app

CrateX.app​

JSON ke TypeScript

JSON ke TypeScript

Ubah contoh JSON menjadi interface dan type alias TypeScript, gabungkan properti dari array objek secara otomatis, simpulkan properti opsional dan union dengan null, serta hasilkan deklarasi tipe yang sesuai untuk array dan objek kosong. Cocok untuk memodelkan respons API, menyiapkan tipe frontend, dan merapikan struktur data.

JSON ke TypeScript

Mulai cepat

1
Tempel contoh JSON yang valid ke editor sebelah kiri.
2
Opsional: tetapkan nama tipe root khusus seperti ApiResponse sebelum menghasilkan.
3
Tinjau deklarasi yang dihasilkan di sebelah kanan. Root objek menjadi interface; root array dan nilai primitif menjadi type alias.
4
Gunakan Salin atau Unduh untuk memakai kembali output .ts yang dihasilkan di proyek Anda.

Skenario umum

Ubah respons API nyata menjadi model TypeScript awal untuk halaman frontend, klien SDK, atau pengujian integrasi.

Periksa array objek campuran untuk melihat properti opsional dan union type sebelum Anda menetapkan kontrak API.

Ubah data JSON mock menjadi definisi tipe cepat untuk fixture, cerita Storybook, atau prototipe.

Tinjau deklarasi bersarang seperti User atau Meta saat bentuk payload backend berubah.

Saran penggunaan

Gunakan contoh JSON yang representatif. Generator hanya menginferensi dari nilai yang Anda tempel, jadi kasus yang hilang tidak akan muncul di output.
Array kosong menjadi unknown[], dan objek kosong menjadi interface yang mewarisi Record<string, unknown> sampai Anda memberi data contoh yang lebih kaya.
Nama deklarasi bersarang dinormalisasi dari nama properti, sehingga output baru lebih sering memakai nama seperti User atau Meta dibanding bentuk lama dengan prefiks root.
Generasi hanya berjalan untuk JSON yang valid. Perbaiki dulu kesalahan sintaks; editor akan menampilkan baris dan kolom saat parsing gagal.
Nama root khusus yang valid dipertahankan apa adanya, sedangkan nama yang tidak valid dinormalisasi menjadi identifier PascalCase TypeScript yang sah.

Batasan & kompatibilitas

Alat ini menyimpulkan tipe dari data contoh, bukan dari skema formal. Properti yang tidak muncul dalam sampel Anda tidak dapat ditebak.
Input harus berupa JSON yang ketat. Komentar, koma di akhir, dan sintaks khusus JavaScript lainnya akan ditolak.
Output yang dihasilkan tidak menyertakan pernyataan export. Tambahkan sendiri jika proyek Anda membutuhkan deklarasi yang diekspor.
Hasilnya hanya kode TypeScript statis. Alat ini tidak membuat validator, parser, atau serializer runtime.

Privasi & keamanan

Semua pemrosesan dilakukan di peramban Anda; data tidak pernah meninggalkan perangkat.

Pertanyaan umum

6

Lanjutkan langkah berikutnya dengan alat terkait ini.