JSON ke TypeScript
Tempel contoh JSON dan dapatkan interface TypeScript yang sesuai — tidak perlu lagi mengetik setiap field secara manual saat bekerja dengan data API.
Cara membuat interface TypeScript dari JSON
- Tempel contoh JSON di kiri dan deklarasi TypeScript muncul di kanan.
- Ubah nama tipe terluar di kotak "Nama tipe akar" bila perlu, misalnya ApiResponse.
- Pakai tombol salin lalu tempel ke kode Anda.
Pertanyaan umum
Sepenuhnya dari data yang Anda tempel: teks menjadi string, angka menjadi number, true/false menjadi boolean, dan objek bersarang dipisah menjadi interface tersendiri.
Field itu tidak selalu ada. Jika array berisi beberapa objek dan hanya sebagian yang punya field itu, alat ini menandainya sebagai opsional.
Alat ini menggabungkan tipenya dengan |, misalnya string | number. Jika nilainya kadang null, tipenya juga mendapat | null.
Array kosong tidak punya isi untuk dipelajari tipenya. Perbaiki secara manual, atau tempel contoh yang array-nya berisi data.
Mengikuti nama field dengan huruf pertama kapital (user_profile menjadi UserProfile). Isi array diberi akhiran Item, dan nama yang sudah dipakai mendapat angka: 2, 3…
Tidak, hanya seakurat contoh yang Anda tempel. Pakai contoh yang lengkap — idealnya beberapa item di tiap array, termasuk field yang kadang tidak ada — agar tipenya mencakup kasus nyata.
Tidak. JSON diproses langsung di perangkat Anda.
Sepenuhnya gratis, tanpa perlu akun.
Alat terkait
JSON ke JSON SchemaBuat JSON Schema dari contoh JSONJSON ke ZodBuat schema Zod dari contoh JSONValidator JSON SchemaPeriksa apakah data JSON cocok dengan JSON SchemaJSON ke struct GoBuat struct Go dari contoh JSONJSON ke dataclass PythonBuat dataclass atau model Pydantic dari JSONJSON ke class JavaBuat class atau record Java dari JSONJSON ke data class KotlinBuat data class Kotlin dari contoh JSONEscape / Unescape JSONUbah teks jadi string JSON yang valid dan sebaliknyaPerapi JSONRapikan, ringkas, dan validasi JSON