Langsung ke konten
ToolMug

Konversi JSON ke TypeScript

Ubah contoh JSON — respons API, file konfigurasi, fixture — menjadi interface TypeScript yang bisa langsung ditempel ke kode Anda. Objek bersarang mendapat tipe bernama tersendiri, dan perbedaan antar-item array menjadi tipe opsional atau union.

Berjalan di browser Anda — tidak ada yang Anda masukkan yang diunggah

Cara menggunakan

  1. Tempel contoh JSON, atau klik Muat contoh.
  2. Isi Nama tipe root.
  3. Pilih interface atau type alias dengan opsi Gunakan type, bukan interface.
  4. Salin atau unduh tipe yang dihasilkan.

Penjelasan opsi

Nama tipe root
Nama tipe tingkat teratas, misalnya User atau ApiResponse. Tipe bersarang diberi nama sesuai kuncinya — address menjadi Address, dan item di posts menjadi Post.
Gunakan type, bukan interface
Menghasilkan type alias (type User = { … }) alih-alih interface. Keduanya sama saja untuk data biasa.

Contoh

{"id": 1, "tags": ["a"], "owner": {"name": "Ada"}} menjadi:

export interface Owner {
  name: string;
}

export interface Root {
  id: number;
  tags: string[];
  owner: Owner;
}

Pertanyaan yang sering diajukan

Bagaimana array berisi objek ditangani?

Semua item digabung menjadi satu tipe. Kunci yang hanya muncul di sebagian item menjadi opsional (key?), dan nilai yang kadang null menjadi union seperti string | null.

Mengapa sebuah field bertipe unknown?

Contoh hanya berisi null untuk field tersebut, sehingga tipe sebenarnya tidak bisa disimpulkan. Ganti unknown dengan tipe yang benar, atau tempel contoh yang field-nya memiliki nilai.

Apakah bilangan bulat dan desimal punya tipe berbeda?

Tidak di TypeScript — keduanya menjadi number. Hasil Go, Rust, dan Python memang membedakannya.

Apakah JSON saya diunggah?

Tidak. Tipe dibuat di browser Anda, sehingga respons API berisi data asli tetap di perangkat Anda.

Privasi

Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.

Alat terkait