JSON in TypeScript
Erzeuge TypeScript-Interfaces oder -Types aus einem JSON, mit verschachtelten Objekten, Arrays, optionalen Feldern und Namen in PascalCase.
So geht’sFüge das JSON ein, um die Interfaces zu erzeugen.
Verfügbar auf: 
JSON in TypeScript: wofür es gut ist
Füge ein JSON ein, wie die Antwort einer API, und das Tool erzeugt sofort die TypeScript-Interfaces. Verschachtelte Objekte werden zu eigenen Interfaces mit Namen in PascalCase, und Listen von Objekten werden vollständig analysiert, um die optionalen Felder zu markieren.
Wähle zwischen interface und type, mit oder ohne export und readonly.
So geht’s
- Füge das JSON ein.
- Lege den Namen der Wurzel und die Optionen fest.
- Kopiere die erzeugten Interfaces.
Wann nutzen
- API-Antworten im Frontend typisieren.
- Modelle für Projekte in Angular, React oder Node erstellen.
- Die Struktur eines JSON dokumentieren.
Häufige Fragen
Wie werden optionale Felder erkannt?
Wenn das JSON eine Liste von Objekten hat, erhalten die Felder, die nicht in allen Einträgen vorkommen, das Fragezeichen (feld?: typ).
Und wenn ein Feld null ist?
Es wird zu typ | null, wenn es im selben Feld einen anderen Typ gibt, oder nur null, wenn es nur leer kommt. Passe den Typ danach an, wenn du weißt, welcher es ist.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.