jsonecho

JSON till TypeScript

Klistra in ett JSON-exempel för att skapa motsvarande TypeScript-typer.

Laddar verktyget...

Så använder du JSON till TypeScript

  1. Klistra in ett representativt JSON-exempel, helst med alla valfria fält ifyllda.
  2. Ange rottypens namn och välj om du vill ha hjälpkod också eller bara typerna.
  3. Kopiera den genererade TypeScript-koden till ditt projekt.

Om JSON till TypeScript

Att skriva modellklasser för hand för stora JSON-data är tidskrävande, och det är lätt att göra skrivfel. Klistra in ett exempel här, så identifierar generatorn strukturen: vilka fält som finns, vilka som är objekt eller arrayer och vilken datatyp varje värde har. Resultatet innehåller ett gränssnitt för varje objekt. Avmarkera "Endast typer" för att även få en Convert-klass som kontrollerar data vid körning.

Ett gränssnitt finns bara vid kompilering. Behåll Convert-klassen om du behöver kontrollera inkommande data vid körning. Allt körs i din webbläsare, så dina exempeldata stannar på din enhet.

Använd den genererade koden

Sätt med const data: Root = JSON.parse(text), eller använda den genererade Convert.toRoot(text) för validering.

De valfria egenskaperna skrivs med ett frågemärke, och de nullabla som string | null.

Vanliga frågor

Vilka beroenden har den genererade TypeScript-koden?

Resultatet innehåller ett gränssnitt för varje objekt. Avmarkera "Endast typer" för att även få en Convert-klass som kontrollerar data vid körning.

Hur analyserar jag JSON med resultatet?

Sätt med const data: Root = JSON.parse(text), eller använda den genererade Convert.toRoot(text) för validering.

Hur hanteras valfria fält och fält som saknas?

De valfria egenskaperna skrivs med ett frågemärke, och de nullabla som string | null.

Undersöker generatorn mer än en post?

Generatorn känner bara till det som finns i ditt exempel. Fält som saknas i exemplet kommer inte med i typerna. Om ett värde är null i exemplet går det inte att avgöra dess typ. Klistra in ett exempel där så många fält som möjligt är ifyllda, eller en array med flera olika poster.

Skickas min JSON till en server?

Nej. Första gången du använder generatorn laddas den ner till din webbläsare, cirka 1 MB. Sedan körs allt lokalt.

Fler verktyg i Data till klasser

Alla verktyg →