JSON ke TypeScript

Fungsinya

Generator JSON ke TypeScript membaca contoh JSON, seperti respons API atau file konfigurasi, lalu menulis interface TypeScript yang mendeskripsikannya. Alih-alih mengetik setiap field secara manual, tempelkan satu respons asli dan dapatkan tipe yang langsung bisa dipakai di kode, untuk hasil fetch, state Redux, atau data uji.

Generator memeriksa setiap nilai, bukan hanya yang pertama. Angka menjadi number, teks menjadi string, objek bersarang mendapat interface sendiri, dan item array digabung, sehingga field yang hanya muncul di sebagian item ditandai opsional dan field yang kadang null diberi tipe nullable.

Cara menggunakan

1. Tempelkan JSON ke kolom input, unggah file .json, atau klik Contoh.
2. Atur nama tipe akar dan pilih gaya: interface atau type, null sebagai | null atau field opsional, properti readonly, dan apakah setiap deklarasi diberi export.
3. Salin TypeScript atau unduh sebagai file .ts.

JSON yang tidak valid dilaporkan beserta baris dan kolom masalahnya, sehingga Anda bisa langsung memperbaiki contohnya.

Contoh

JSON ini:

{ "id": 7, "name": "Ada", "tags": ["admin"], "manager": { "id": 1, "email": null } }

menjadi deklarasi berikut:

export interface Root {
  id: number;
  name: string;
  tags: string[];
  manager: Manager;
}

export interface Manager {
  id: number;
  email: null;
}

Tips

• Satu contoh hanya menunjukkan isinya. Jika sebuah field bisa berupa string atau null, sertakan contoh keduanya, atau masukkan beberapa contoh ke dalam array agar digabung.
• Nama field yang bukan identifier valid, seperti first-name, ditulis dalam tanda kutip sehingga hasilnya selalu bisa dikompilasi.
• Hasilnya adalah titik awal. Persempit field string menjadi union literal atau Date bila Anda tahu lebih banyak daripada contohnya.
• Butuh Go? Konverter JSON ke Go memakai inferensi yang sama untuk menulis struct dengan tag json.