JSON ke TypeScript

Hasilkan antarmuka TypeScript atau skema Zod dari contoh JSON
  • File tidak meninggalkan perangkat Anda
  • Berjalan di browser
  • Gratis, tanpa daftar, tanpa watermark

Objects in the same array are merged: keys missing from some items become optional, and differing value types become unions. Identical shapes share one type.

Cara memakai JSON ke TypeScript

Tempel contoh JSON lalu dapatkan antarmuka TypeScript, skema Zod, atau JSON Schema. Objek dalam larik digabung, jadi kunci yang hilang dari beberapa item menjadi opsional dan tipe campuran menjadi union. Semuanya berjalan secara lokal di browser Anda.

  1. 1

    Tempel contoh JSON ke kotak JSON, letakkan file, atau klik Contoh.

  2. 2

    Pilih Keluaran: TypeScript, Zod, atau JSON Schema, lalu atur Nama akar.

  3. 3

    Pilih bagaimana Nilai null diketik, dan untuk TypeScript apakah Deklarasikan sebagai interface atau type.

  4. 4

    Alihkan Deteksi string tanggal, Properti hanya baca, atau Tolak properti tambahan sesuai kebutuhan, lalu salin atau unduh hasilnya.

Pertanyaan umum

Apakah JSON dikirim ke mana pun?

Tidak. Pembuatan tipe berjalan di browser Anda, jadi respons API dengan data sungguhan tetap di perangkat Anda.

Bagaimana larik objek dengan kunci berbeda ditangani?

Mereka digabung menjadi satu tipe. Kunci yang tidak dimiliki sebagian item menjadi opsional, dan kunci dengan tipe nilai berbeda menjadi union. Bentuk yang identik berbagi satu tipe.

Apa bedanya T | null dan Opsional + null?

T | null menjaga kunci wajib tetapi mengizinkan null. Opsional + null juga membiarkan kunci dihilangkan, yang cocok untuk API yang membuang kolom null.

Apakah alat ini mendeteksi tanggal?

Dengan Deteksi string tanggal menyala, string ISO 8601 mendapat komentar di TypeScript, validator datetime di Zod, dan format di JSON Schema.

Bisakah saya menempel JSON dengan komentar atau koma di akhir?

Ya. Masukan diurai secara longgar, jadi komentar, koma di akhir, dan sintaksis JSON5 diterima, dan catatan memberi tahu saat itu terjadi.