Ubah JSON ke TypeScript

Untuk mengubah JSON ke TypeScript, tempel data contoh di bawah: alat ini menghasilkan interface atau tipe dengan objek bersarang, array, dan field opsional – atau skema JSON. Data Anda tetap di browser.

Sumber: TypeScript Handbook – Object Types (interfaces, optional properties, readonly). Diperbarui: 2 Oktober 2026.

JSON

Keluaran

Nama tipe akar

Objek bersarang sebagai tipe tersendiri

Tambahkan export di depan setiap tipe

Field sebagai readonly

Indentasi

Kotak Alat Saya

Hasil

Hasil: export interface Root { id: number; name: string; email: null; tags: string[]; address: Address; orders: Order[]; active: boolean; } export interface Address { street: string; zip: string; } export interface Order { no: number; total: number; voucher?: string; }
Ringkasan: 3 tipe dihasilkan dari 217 karakter JSON.; Yang disimpulkan hanya yang ada di data contoh: field yang di sana tidak pernah null tidak dikenali sebagai bisa-null; field yang tidak ada di setiap objek menjadi opsional (?).

Cara menghitung

Mengubah JSON ke TypeScript berarti menyimpulkan tipe yang cocok dari data contoh. {"id": 1, "name": "Anna"} menjadi interface dengan id: number dan name: string. Alat ini membaca JSON Anda di browser, menggabungkan objek sejenis, dan menulis tipe sebagai kode sumber – tanpa upload.

Cara kerja

Tempel JSON ke kolom, misalnya respons API.
Pilih keluaran: interface, tipe (type), atau skema JSON. Atur nama, export, readonly, dan indentasi sesuai kebutuhan.
Salin hasilnya dan tempel ke proyek Anda.

Bagaimana tipe dibentuk

Angka, teks, boolean: number, string, boolean (integer atau number di skema).
Array: semua elemen digabung. Elemen campuran menjadi union seperti (string | number)[]; array kosong menjadi unknown[].
Objek: field yang tidak ada di semua objek diberi tanda tanya (opsional). Objek dengan bentuk sama berbagi satu tipe.
Nama: objek bersarang dinamai menurut kuncinya dalam PascalCase, bentuk tunggal untuk array (orders → Order). Kunci seperti "e-mail" diberi tanda kutip.

Batasan

Hasilnya adalah draf: periksa dengan dokumentasi antarmuka, karena data contoh tidak menunjukkan setiap kasus yang mungkin.

Hanya data contoh – rentang nilai, enumerasi, dan format tanggal tidak bisa disimpulkan darinya (teks tanggal tetap string).
Hingga 500.000 karakter dan 200 tingkat kedalaman; angka JSON tidak membedakan int dan float, dan skema memakai integer hanya jika semua nilai contoh bulat.

Privasi

JSON tidak keluar dari browser Anda. Selanjutnya: format JSON, CSV ke JSON, atau YAML ke JSON.

Pertanyaan umum

Bagaimana cara mengubah JSON ke TypeScript?

Tempel JSON dan pilih “Interface TypeScript”: alat ini menghasilkan interface dengan semua field, tipe bersarang, dan array. Salin ke proyek Anda.

Interface atau type – mana yang lebih baik?

Keduanya menggambarkan bentuk yang sama. Interface bisa diperluas dan sering memberi pesan galat lebih baik; type lebih fleksibel untuk union. Alat ini menghasilkan salah satunya sesuai permintaan.

Bagaimana alat ini mengenali field opsional?

Field yang tidak ada di satu objek tetapi ada di objek lain diberi tanda tanya. Untuk itu beberapa objek dalam array digabungkan.

Apakah bisa juga menghasilkan skema JSON?

Bisa, pilih “Skema JSON (2020-12)”. Skema berisi tipe, properti bersarang, dan daftar field wajib.

Apakah JSON saya diunggah?

Tidak. Tipe dibuat sepenuhnya di browser Anda.

Sumber dan dasar hukum

Diperbarui: 2 Oktober 2026 · Kebijakan editorial