JSON ke TypeScript

Buat interface atau alias tipe TypeScript dari sampel JSON.

Data & Format
Menyiapkan ruang kerja Anda…
Input
Output
Hasil Anda akan muncul di sini.

Cara menggunakan

  1. Tempel teks, buka file UTF-8, atau coba sampel.
  2. Pilih masukan dan pengaturan, lalu jalankan alat atau aktifkan proses otomatis.
  3. Tinjau hasil, lalu salin atau unduh. Perubahan masukan membuat hasil sebelumnya tidak berlaku.

JSON ke TypeScript

Buat interface atau alias tipe TypeScript dari sampel JSON.

Pemrosesan berjalan di browser. Masukan Anda tidak dikirim ke DevToolsy.

Cara kerja

Objek bersarang menjadi tipe bernama. Objek dalam array digabungkan; properti yang hilang menjadi opsional dan nilai campuran membentuk union. Array kosong memakai unknown[].

Sebelum dan sesudah
Input
{"project":"DevToolsy","members":[{"name":"Ada","role":"developer"},{"name":"Lin","active":true}],"tags":["web","tools"]}
Output
export interface Root {
  project: string;
  members: RootMembersItem[];
  tags: string[];
}

export interface RootMembersItem {
  name: string;
  role?: string;
  active?: boolean;
}

Buat interface atau alias tipe TypeScript dari sampel JSON.

Opsi dan ketepatan data

Pilih nama tipe utama, interface atau type, readonly, dan properti opsional. String menjadi string, bukan tipe literal.

Menggunakan hasil

Satu sampel tidak mewakili semua kasus. Tinjau null, field yang hilang, dan presisi angka; tambahkan validasi runtime secara terpisah.

Tinjau hasil, lalu salin atau unduh. Perubahan masukan membuat hasil sebelumnya tidak berlaku.

Batas pemrosesan

Masukan UTF-8 maksimal 1 MiB per dokumen, keluaran 8 MiB. JSONPath dan Schema: 5 detik; alat lain: 30 detik.

?

Pertanyaan umum

Bagaimana objek dan array disimpulkan?

Objek bersarang menjadi tipe bernama. Objek dalam array digabungkan; properti yang hilang menjadi opsional dan nilai campuran membentuk union. Array kosong memakai unknown[].

Opsi TypeScript apa yang tersedia?

Pilih nama tipe utama, interface atau type, readonly, dan properti opsional. String menjadi string, bukan tipe literal.

Apakah respons API berikutnya ikut divalidasi?

Tidak. Satu sampel tidak mewakili semua kasus. Tinjau null, field yang hilang, dan presisi angka; tambahkan validasi runtime secara terpisah.

Apakah masukan diunggah?

Pemrosesan berjalan di browser. Masukan Anda tidak dikirim ke DevToolsy.

Bisakah membuka berkas lokal?

Masukan UTF-8 hingga 1 MiB · keluaran hingga 8 MiB

Temukan alat berikutnya

Bahasa

Ganti bahasa? Pekerjaan saat ini akan dihapus. Salin atau unduh data yang ingin disimpan terlebih dahulu.