Langkau ke kandungan
ToolMug

Penukar JSON ke TypeScript

Tukar sampel JSON — respons API, fail konfigurasi, fixture — kepada interface TypeScript yang boleh ditampal ke dalam kod anda. Objek bersarang mendapat jenis bernama tersendiri, dan perbezaan antara item tatasusunan menjadi jenis pilihan atau union.

Berjalan dalam pelayar anda — apa yang anda masukkan tidak dimuat naik

Cara menggunakan

  1. Tampal sampel JSON, atau klik Muatkan contoh.
  2. Tetapkan nama jenis akar.
  3. Pilih interface atau type alias.
  4. Salin atau muat turun jenis yang dijana.

Penerangan pilihan

Nama jenis akar
Nama jenis peringkat teratas, contohnya User atau ApiResponse. Jenis bersarang dinamakan mengikut kuncinya — address menjadi Address, dan item dalam posts menjadi Post.
Guna type dan bukan interface
Menjana type alias (type User = { … }) dan bukan interface. Kedua-duanya berfungsi sama 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;
}

Soalan lazim

Bagaimanakah tatasusunan objek dikendalikan?

Semua item digabungkan menjadi satu jenis. Kunci yang hanya muncul dalam sesetengah item menjadi pilihan (key?), dan nilai yang kadangkala null menjadi union seperti string | null.

Mengapa sesuatu medan berjenis unknown?

Sampel hanya mengandungi null untuk medan itu, jadi jenis sebenarnya tidak dapat disimpulkan. Gantikan unknown dengan jenis yang betul, atau tampal sampel yang medannya mempunyai nilai.

Adakah integer dan perpuluhan jenis yang berbeza?

Tidak dalam TypeScript — kedua-duanya menjadi number. Output Go, Rust dan Python memang membezakannya.

Adakah JSON saya dimuat naik?

Tidak. Jenis dijana dalam pelayar anda, jadi respons API dengan data sebenar kekal pada peranti anda.

Privasi

Alat ini berjalan sepenuhnya dalam pelayar anda. Fail dan teks anda diproses pada peranti anda dan tidak pernah dimuat naik ke pelayan kami.

Alat berkaitan