JSON ke TypeScript
Buat interface atau type TypeScript dari JSON — lengkap dengan tipe bersarang, field opsional, dan union type.
100% privat: semuanya berjalan di browser Anda dan tidak ada yang diunggah.
Cara Mengubah JSON ke TypeScript
Tanpa daftar, tanpa instalasi — langsung berjalan di browser Anda.
- Langkah 1:Tempel sampel JSON yang representatif (respons API, file konfigurasi, atau fixture) atau klik Muat contoh.
- Langkah 2:Atur nama tipe root lalu pilih interface atau type alias, serta opsi export, readonly, dan unknown.
- Langkah 3:Salin definisi yang dihasilkan ke proyek Anda atau unduh sebagai file .ts.
FAQ JSON ke TypeScript
Bagaimana cara membuat interface TypeScript dari JSON?
Tempel JSON Anda ke kotak input dan tool langsung membuat interface TypeScript-nya. Objek tingkat atas mendapat nama root pilihan Anda dan setiap objek bersarang mendapat interface tersendiri.
Bagaimana properti opsional dideteksi?
Jika sebuah array berisi beberapa objek, generator membandingkannya. Properti yang tidak ada di setidaknya satu item ditandai opsional dengan ?, dan properti yang nilainya bertipe berbeda mendapat union type.
Sebaiknya pakai interface atau type?
Keduanya mendeskripsikan bentuk objek. Interface bisa di-extend dan di-merge sehingga cocok untuk API publik dan library; type alias bisa mengekspresikan union dan mapped type. Pilih sesuai konvensi kode Anda — tool ini mendukung keduanya.
Mengapa array kosong menjadi unknown[]?
Array kosong tidak memberi informasi tentang elemennya. unknown[] menjaga kode tetap type-safe dalam strict mode dan memaksa Anda mempersempit tipenya; nonaktifkan opsi ini jika lebih suka any[].
Apakah JSON saya dikirim ke server?
Tidak. Pembuatan tipe berlangsung sepenuhnya di browser Anda, sehingga respons API privat dan data internal tidak pernah meninggalkan perangkat.
Buat Tipe TypeScript dari JSON secara Otomatis
Menulis interface TypeScript secara manual untuk setiap respons API itu lambat dan rawan kesalahan, terutama jika payload berisi objek dan array bersarang. Konverter JSON ke TypeScript gratis ini membaca sampel JSON Anda dan menghasilkan definisi tipe yang akurat dalam sedetik: setiap objek bersarang menjadi interface bernama tersendiri, array menjadi daftar bertipe, dan nilai primitif dipetakan ke string, number, boolean, atau null. Nama diambil dari key properti dalam format PascalCase dan tipe elemen array dibuat tunggal, jadi addresses menjadi Address dan categories menjadi Category.
Jika sebuah array berisi objek dengan key yang berbeda-beda, generator menggabungkannya menjadi satu interface dan menandai properti yang tidak ada di sebagian item sebagai opsional, sedangkan nilai yang tipenya berubah menjadi union type seperti string | null. Anda bisa memilih deklarasi interface atau type alias, menambahkan keyword export, membuat semua properti readonly, dan memakai unknown alih-alih any untuk array kosong agar sesuai strict mode. Semuanya berjalan di browser Anda, sehingga payload API internal tidak pernah meninggalkan mesin Anda — tempel, salin hasilnya ke proyek, dan langsung dapatkan autocomplete serta type safety.