jsonecho

JSON în TypeScript

Lipește un exemplu JSON pentru a genera tipurile TypeScript corespunzătoare.

Se încarcă instrumentul...

Cum folosești JSON în TypeScript

  1. Lipește un exemplu JSON reprezentativ, de preferat cu toate câmpurile opționale completate.
  2. Alege numele tipului rădăcină și decide dacă vrei și cod ajutător sau doar tipurile.
  3. Copiază codul TypeScript generat în proiectul tău.

Despre JSON în TypeScript

Să scrii manual clase de model pentru un volum mare de date JSON este monoton și poți face ușor greșeli de tastare. Lipește aici un exemplu, iar generatorul identifică structura: ce câmpuri există, care sunt obiecte, care sunt array-uri și ce tip are fiecare valoare. Rezultatul conține câte o interfață pentru fiecare obiect. Debifează "Doar tipuri" pentru a adăuga o clasă Convert care verifică datele la rulare.

O interfață există doar la compilare. Păstrează clasa Convert dacă trebuie să verifici datele primite în timpul rulării. Totul rulează în browser, așa că datele din exemplu rămân pe dispozitivul tău.

Utilizarea codului generat

Cast cu const data: Root = JSON.parse(text), sau folosesc Convert.toRoot(text) pentru validare.

Proprietățile opționale sunt scrise cu un semn de întrebare, iar cele nulozabile ca string | null.

Întrebări frecvente

Ce dependențe are codul TypeScript generat?

Rezultatul conține câte o interfață pentru fiecare obiect. Debifează "Doar tipuri" pentru a adăuga o clasă Convert care verifică datele la rulare.

Cum să analizez JSON cu rezultatul?

Cast cu const data: Root = JSON.parse(text), sau folosesc Convert.toRoot(text) pentru validare.

Cum sunt tratate câmpurile opționale și cele care lipsesc?

Proprietățile opționale sunt scrise cu un semn de întrebare, iar cele nulozabile ca string | null.

Generatorul analizează mai mult de o înregistrare?

Generatorul cunoaște doar datele din exemplul tău. Un câmp care lipsește din exemplu nu va apărea în tipurile generate. Dacă o valoare este null, tipul ei nu poate fi determinat. Lipește un exemplu cu cât mai multe câmpuri completate sau un array cu mai multe înregistrări diferite.

Datele mele JSON sunt trimise la un server?

Nu. La prima utilizare, generatorul este descărcat în browser, aproximativ 1 MB. Apoi totul rulează local.

Mai multe din Din date în clase

Toate instrumentele →