Besplatan Konverter JSON u TypeScript
Generišite TypeScript interfejse ili aliase tipova iz bilo kojeg JSON objekta ili niza. Nalijepite svoj JSON i odmah dobijte spremne TypeScript tipove.
export interface User {
id: number;
name: string;
email: string;
isActive: boolean;
score: number;
tags: string[];
address?: null;
}
export interface Root {
user: User;
createdAt: string;
version: number;
}Kako radi
Ovaj alat koristi ručno napisan rekurzivni algoritam zaključivanja tipova bez ikakvih vanjskih biblioteka — JSON.parse za validaciju i raščlanjivanje unosa, zatim prilagođen obilazak koji prolazi kroz svaku vrijednost u JSON stablu i emituje deklaracije TypeScript interface ili type direktno u pregledniku. Ništa se ne šalje serveru.
- 1JSON raščlanjen i validiranVaš unos se prosljeđuje JSON.parse. Ako ne uspije, tačna greška raščlanjivanja se odmah prikazuje ispod unosa. Uspješno raščlanjivanje proizvodi tipizirano stablo vrijednosti koje pokreće ostatak konverzije.
- 2Rekurzivno zaključivanje tipovaRekurzivna funkcija getType prolazi kroz svaki čvor: primitivi se mapiraju na string, number, boolean, ili null; objekti aktiviraju novi imenovan interface; nizovi objekata imaju svoje ključeve spojene kroz sve elemente tako da ključevi prisutni samo u nekim stavkama postaju opcioni i sukobljeni tipovi vrijednosti se spajaju sa |.
- 3Imenovanje interfejsa bez sudaraSvaki ugniježđeni objekat dobija PascalCase naziv izveden iz svog JSON ključa (snake_case, kebab-case, i razmaci se svi normalizuju). Ako bi dva strukturno različita objekta dijelila isti naziv, brojčani sufiks se dodaje (Data, Data2, …) umjesto tihog prepisivanja ranije definicije.
- 4Izlaz iscrtan i preuzimljivUgniježđeni interfejsi se emituju prvi, zatim korijenski tip, formatiran kao export interface ili export type zavisno od vašeg odabira. Rezultat se može kopirati u međuspremnik ili preuzeti kao .ts datoteka — sve izgrađeno standardnim Blob bez putovanja do servera.
Povezani alati
JSON Schema u obrazac
Zalijepite JSON Schema i dobijte živi, funkcionalan obrazac — polja za tekst, broj, checkbox, padajući meni i listu — zatim kopirajte JSON koji vaši unosi generišu. Odlično za prototipiranje tijela API zahtjeva. Radi u pregledniku.
Test brzine kucanja (WPM)
Izmjerite brzinu kucanja (WPM) i tačnost putem tempiranih testova, testova po broju riječi, citata, prilagođenih i zen testova. Uživo WPM, sirova brzina, dosljednost, grafikon rezultata, više jezika i povratne informacije po znaku — sve u vašem pregledniku.
Generator CSS clamp()
Generišite fluidnu CSS clamp() vrijednost za responzivnu tipografiju i razmake. Postavite min/max veličinu i raspon viewporta, pogledajte prikaz uživo i kopirajte CSS u jednom redu.