JSON zu TypeScript

Hochladen

TypeScript-Schnittstelle

JSON links eingeben, um Konvertierung zu starten

Bereit

Kostenloser Online-Konverter von JSON zu TypeScript. Leitet JSON automatisch in Standard-TS-Interface-Deklarationen ab. Unterstützt verschachtelte Interfaces, Unions, optionale und readonly-Felder, 2/4-Leerzeichen-Einrückungsoptionen, 100% im Browser.

Über JSON zu TypeScript: JSON-Daten automatisch in TS-Typen umwandeln

JSON zu TypeScript ist der Prozess der Umwandlung von JSON-formatierten Daten (JSON-Objekte oder JSON-Arrays) in TypeScript-Interface-Deklarationen. JSON (JavaScript Object Notation) ist das Standarddatenformat für REST-APIs, Konfigurationsdateien und Logs, während TypeScript eine statisch typisierte Obermenge von JavaScript ist. Im Alltag ist das manuelle Schreiben von TS-Interfaces aus API-JSON fehleranfällig und zeitaufwändig; dieses Tool automatisiert diesen Workflow.

Im Kern leitet das Tool die Struktur eines JSON-Objekts ab und gibt ein TypeScript-Interface aus. Jeder Objektschlüssel wird zu einer Interface-Eigenschaft; der literale Typ jedes Wertes wird auf sein TS-Gegenstück abgebildet: Zeichenketten werden zu `string`, Zahlen zu `number`, Booleans zu `boolean`, null zu `null`, Arrays zu `T[]`, verschachtelte Objekte zu unabhängigen Sub-Interfaces.

Typinferenz ist das Herzstück von JSON zu TypeScript. JSON hat nur sechs primitive Typen (null, boolean, number, string, array, object), während das Basistypsystem von TypeScript string, number, boolean, null, undefined, any, unknown, void, never, object, Array, T[], Union-Typen (A | B) und mehr umfasst. Die getTsType-Funktion des Tools bildet jeden Wert nach seinem typeof und seiner Form ab.

Die Behandlung verschachtelter Objekte ist eine Schlüsselfähigkeit. Wenn das JSON verschachtelte Objekte enthält, generiert das Tool rekursiv unabhängige Sub-Interfaces, um Duplikation zu vermeiden. Beispielsweise erzeugt `address: { street, city }` ein RootAddress-Sub-Interface, und das Hauptinterface referenziert es über `address: RootAddress`.

Die Array-Typ-Inferenz hat drei Modi. Erstens fallen leere Arrays auf `any[]` zurück, da kein Elementtyp zu inspizieren ist. Zweitens, wenn alle Elemente den gleichen Typ haben, ist das Ergebnis `T[]` (z.B. `string[]` oder `User[]`). Drittens, wenn die Elementtypen unterschiedlich sind, ist das Ergebnis ein Union-Array `(A | B)[]` (z.B. `(string | number)[]`).

Optionale Felder (?) sind unter TypeScript strict mode wichtig. Wenn die Option aktiviert ist, scannt das Tool den Wert jedes Feldes; sieht es null oder undefined, fügt es `?` zu diesem Feld im Interface hinzu, z.B. `name?: string` bedeutet, dass das Feld fehlen kann. Dies ist von unschätzbarem Wert für Backend-APIs, die optionale Felder zurückgeben. Readonly-Felder betonen Unveränderlichkeit und erzeugen Code wie `readonly id: number` für Konfiguration, State-Snapshots oder DTOs.

interface vs type alias ist eine häufige Wahl für TypeScript-Benutzer. Das Tool erzeugt Interfaces, da sie die Standardmethode zur Beschreibung von Objektformen sind: Sie unterstützen Declaration Merging, das implements-Schlüsselwort und extends-Vererbung.

Die Echtzeit-Konvertierung ist eine praktische Funktion. Das Tool konvertiert 400ms nach Eingabeende, ohne dass ein Klick auf eine Schaltfläche erforderlich ist. Kombiniert mit der TypeScript-Syntaxhervorhebung von CodeMirror können Benutzer das generierte Interface sofort sehen und schnell iterieren.

Die JSON-Fehler-Selbstreparatur erhöht die Widerstandsfähigkeit des Tools. JSON aus der realen Welt hat oft nachgestellte Kommas, einfache Anführungszeichen, fehlende Anführungszeichen oder Kommentare. Die eingebaute tryFixJSON-Routine wird aktiviert, wenn JSON.parse fehlschlägt, und versucht, häufige Fehler zu beheben.

Die rein clientseitige Verarbeitung ist die zentrale Architekturentscheidung. Die gesamte JSON-Analyse, Typinferenz und Interface-Generierung laufen in Browser-JavaScript; es wird nie etwas an einen Server gesendet. Die zwei wichtigsten Vorteile: Erstens kann das JSON sensible Daten enthalten (API-Schlüssel, Tokens, Benutzerdatensätze) und die lokale Verarbeitung eliminiert jedes Leck-Risiko; zweitens ist die Konvertierungsgeschwindigkeit nur durch die CPU des Geräts begrenzt.

Anwendungsfälle

Konvertieren Sie schnell REST-API- oder GraphQL-JSON-Antworten in TS-Interfaces während der Frontend-Entwicklung und vermeiden Sie handgeschriebene Typdefinitionen.
Erzeugen Sie TS-Typen für React/Vue/Angular-Component-Props, State und Parameter aus Beispiel-JSON in Sekunden.
Teilen Sie Typen zwischen Frontend und Backend in einem Full-Stack-TypeScript-Projekt, wobei das Backend-Mock-JSON als Single Source of Truth dient.
Erzeugen Sie TypeScript-Interfaces bei der Integration von Drittanbieter-APIs (Versand, Wetter, Zahlung), ohne lange Dokumentation zu lesen.
Reverse-Engineeren Sie Typdefinitionen aus Mock-Daten, Test-Fixtures oder JSON-Konfigurationsdateien, um die Typsicherheit und IDE-Hinweise zu stärken.
Konvertieren Sie JSON-Schema-Exporte von Datenbank-ORMs in TypeScript-Interfaces für Node.js-Backend-DTO-Definitionen.
Lernen Sie TypeScript, indem Sie vorhandenes JSON in Interface-Beispiele umwandeln, um verschachtelte Typen, Unions und optionale Felder zu verstehen.
Refaktorisieren Sie verstreute JS-Object-Literals in formale Interfaces, um die Lesbarkeit des Codes und die Typsicherheit zu verbessern.

Anleitung

Fügen Sie JSON in den linken Editor ein, klicken Sie auf Hochladen, um eine .json/.txt-Datei auszuwählen, oder klicken Sie auf Beispiel, um das eingebaute Beispiel zu laden.
Klicken Sie auf den Interface-Namens-Button rechts in der Symbolleiste (oder das Zahnrad-Symbol), um das Root-Interface umzubenennen (Standard Root) und optionale/readonly-Felder umzuschalten.
Das Tool konvertiert automatisch mit 400ms Debounce. Betrachten Sie das generierte TypeScript-Interface im rechten Bereich mit CodeMirror-Hervorhebung.
Wechseln Sie zwischen 2- und 4-Leerzeichen-Einrückung über die Symbolleiste und passen Sie die Aufteilung zwischen linkem und rechtem Bereich für die beste Ansicht an.
Klicken Sie auf Kopieren, um den TS-Code in die Zwischenablage zu legen, oder klicken Sie auf Herunterladen, um ihn als `${interfaceName}.ts`-Datei zu speichern (z.B. User.ts).
Fügen Sie den Code in das `types/`- oder `src/types/`-Verzeichnis Ihres Projekts ein und importieren Sie ihn nach Bedarf.

Funktionen

Intelligente Typinferenz: erkennt automatisch null, boolean, number, string, array und object und ordnet sie nativen TS-Typen zu.
Erweiterung verschachtelter Objekte: jedes verschachtelte Objekt wird zu seinem eigenen Sub-Interface (z.B. RootAddress) für eine saubere, duplikationsfreie Typhierarchie.
Array-Typ-Intelligenz: homogene Arrays werden zu `T[]`, Arrays mit gemischten Typen zu Union-Arrays `(A | B)[]`, leere Arrays fallen auf `any[]` zurück.
Markierung optionaler Felder: bei Aktivierung erhalten null- oder undefined-Felder den `?`-Modifikator, wodurch Code entsteht, der mit TypeScript strict mode kompatibel ist.
Readonly-Feld-Unterstützung: bei Aktivierung erhält jedes Feld den `readonly`-Modifikator, ideal für unveränderlichen State, Konfiguration und DTOs.
Anpassbarer Interface-Name: der Root-Interface-Name ist konfigurierbar (Standard Root) und die heruntergeladene Datei wird danach benannt (z.B. User.ts).
2/4-Leerzeichen-Einrückungsoptionen: Wechseln Sie zwischen 2-Leerzeichen- (ESLint-Standard) und 4-Leerzeichen-Einrückung über die Symbolleiste.
Echtzeit-Autokonvertierung: das Tool konvertiert 400ms nach Eingabeende und unterstützt Einfügen, Datei-Upload und Beispiel-Laden.
JSON-Fehler-Selbstreparatur: die eingebaute tryFixJSON-Routine behandelt nachgestellte Kommas, einfache Anführungszeichen und fehlende Anführungszeichen automatisch.
TypeScript-Code-Hervorhebung: der rechte Editor verwendet CodeMirror mit der TypeScript-Spracherweiterung für eine klare Syntaxfarbe.
Kopieren und Herunterladen: kopieren Sie das Ergebnis mit einem Klick in die Zwischenablage oder speichern Sie es als standardmäßige .ts-Datei, die für Ihr Projekt bereit ist.
100% im Browser: die gesamte Analyse, Inferenz und Interface-Generierung erfolgt in clientseitigem JavaScript; das ursprüngliche JSON verlässt nie Ihr Gerät.

Häufig gestellte Fragen

Wie konvertiere ich JSON in ein TypeScript-Interface?

Fügen Sie Ihr JSON in den linken Editor ein und das Tool leitet automatisch den Typ jedes Feldes ab (string, number, boolean, array, object usw.) und erzeugt ein Standard-TypeScript-Interface. Verschachtelte Objekte werden in separate Sub-Interfaces extrahiert. Die Konvertierung läuft automatisch 400ms nach dem Ende der Eingabe.

Erzeugt das Tool type aliases oder interfaces?

Dieses Tool erzeugt ausschließlich TypeScript-Interface-Deklarationen (keine type aliases). Interfaces sind die Standardmethode zur Beschreibung von Objektformen in TypeScript: Sie unterstützen Declaration Merging und das implements-Schlüsselwort.

Wie markiere ich Felder als optional?

Aktivieren Sie "Optionale Felder (?)" im Einstellungsbereich. Das Tool scannt den Wert jedes Feldes und fügt automatisch den `?`-Modifikator hinzu, wenn es null oder undefined findet. Beispielsweise bedeutet `name?: string`, dass das Feld fehlen kann.

Wie erzeuge ich readonly-Felder?

Aktivieren Sie "Readonly-Felder" im Einstellungsbereich. Jedes Feld erhält den `readonly`-Modifikator, z.B. `readonly id: number`. Dies betont Unveränderlichkeit und ist ideal für Konfiguration, State-Snapshots oder DTO-Definitionen.

Wie behandelt das Tool Arrays?

Das Tool analysiert die Elementtypen jedes Arrays. Wenn alle Elemente den gleichen Typ haben, wird `T[]` ausgegeben (z.B. `string[]`); wenn die Typen unterschiedlich sind, wird ein Union-Array `(A | B)[]` ausgegeben (z.B. `(string | number)[]`); wenn das Array leer ist, wird auf `any[]` zurückgegriffen.

Wird ein verschachteltes Objekt zu seinem eigenen Interface?

Ja. Jedes verschachtelte Objekt wird zu seinem eigenen Sub-Interface, das durch Kombination des übergeordneten Interface-Namens mit dem Feldnamen in PascalCase benannt wird. Beispielsweise erzeugt ein Root-Interface mit einem `address`-Objekt Root und RootAddress.

Kann ich den Interface-Namen anpassen?

Ja. Klicken Sie auf den Interface-Namens-Button rechts in der Symbolleiste (oder öffnen Sie den Einstellungsdialog), um das Root-Interface umzubenennen (Standard ist Root). Die heruntergeladene .ts-Datei wird ebenfalls mit diesem Wert benannt.

Kann die heruntergeladene .ts-Datei direkt in einem Projekt verwendet werden?

Ja. Der generierte Code folgt TypeScript-Best-Practices, enthält vollständige Typdefinitionen, verschachtelte Interfaces und Union-Typen und kann unverändert in React-, Vue-, Angular- oder Node.js-Projekte eingefügt werden.

Was passiert, wenn mein JSON nicht analysiert werden kann?

Wenn das JSON nachgestellte Kommas, fehlende Anführungszeichen oder einfache Anführungszeichen anstelle von doppelten enthält, ruft das Tool automatisch tryFixJSON auf, um eine Reparatur zu versuchen. Wenn die Reparatur erfolgreich ist, werden Sie benachrichtigt; andernfalls zeigt das rechte Bedienfeld den genauen Fehlerort an.

Welche JSON-Strukturen werden unterstützt?

Es wird jedes gültige JSON unterstützt: Primitive (null, boolean, number, string), Arrays jeder Tiefe, verschachtelte Objekte jeder Tiefe und Arrays mit gemischten Typen (die zu Union-Typen werden). Ungültige Eingaben wie Funktionen, Symbols oder undefined-Werte sind nicht Teil der JSON-Spezifikation und werden nicht akzeptiert.

Kann ich die Einrückungsgröße wählen?

Ja. Ein Dropdown in der rechten Symbolleiste ermöglicht das Umschalten zwischen 2- und 4-Leerzeichen-Einrückung. Zwei Leerzeichen entsprechen dem ESLint/Prettier-Standard; vier Leerzeichen eignen sich für Projekte, die eine breitere Einrückung bevorzugen.

Wie unterscheidet sich dies von JSON Schema oder Zod?

JSON Schema eignet sich hervorragend für die Datenvalidierung zur Laufzeit (API-Grenzen, Benutzereingabevalidierung). Zod und yup sind TypeScript-freundliche Laufzeit-Validatoren, die TS-Typen aus einem Schema ableiten können. Dieses Tool ist ein leichtgewichtiger Generator für reine Typdefinitionen; es führt keine Laufzeitprüfungen durch, konzentriert sich auf Frontend-Statische-Typisierung, ist schneller und hat keine Abhängigkeiten.

Fehlerbehebung

Das generierte Interface sieht falsch aus. Was sollte ich tun?

Häufige Ursachen: JSON-Analysefehler, falsche Identifizierung verschachtelter Objekte oder falsche Array-Typ-Inferenz. Versuchen Sie diese Schritte: 1) Validieren Sie das JSON mit einem JSON-Formatierer; 2) Überprüfen Sie bei verschachtelten Objekten die Sub-Interface-Referenzen; 3) Bestätigen Sie bei Arrays, dass die Elementtypen konsistent sind; 4) Generieren Sie neu oder bearbeiten Sie die Ausgabe manuell. Das Interface ist ein erster Entwurf, passen Sie Details also immer an die reale API an.

Die heruntergeladene .ts-Datei lässt sich in meinem Projekt nicht kompilieren.

Wahrscheinliche Ursachen: 1) tsconfig.json hat keinen strict mode, aber der generierte Code verwendet readonly; 2) der Interface-Name kollidiert mit einem vorhandenen Typ; 3) ein Feldname ist ein TypeScript-Schlüsselwort (wie class oder type). Lösung: Passen Sie den strict mode an, benennen Sie das Interface um oder zitieren Sie das in Konflikt stehende Feld (z.B. "class": string).

JSON enthält verschachtelte Arrays, aber der abgeleitete Typ ist falsch.

Das Tool behandelt mehrdimensionale Arrays (z.B. [[1, 2], [3, 4]]) rekursiv und erzeugt number[][]. Wenn die Typen der verschachtelten Array-Elemente unterschiedlich sind, gibt das Tool ((A | B)[])[] aus. Leere Arrays werden immer zu any[], da kein Elementtyp abgeleitet werden kann.

null-Werte werden dem `null`-Typ statt optionalen Feldern zugeordnet.

Standardmäßig ordnet das Tool JSON-null-Werte dem TS-`null`-Typ zu (z.B. middleName: null). Um optionale Felder zu erzeugen: 1) Aktivieren Sie die Option Optionale Felder (empfohlen); 2) Entfernen Sie die null-Werte aus dem JSON, damit das Feld fehlt; oder 3) Ändern Sie nach der Generierung manuell `null` zu `string | null` oder verwenden Sie `?`.

Der Interface-Name und der Dateiname des Downloads stimmen nicht überein.

Beide werden durch denselben Wert gesteuert, die Interface-Name-Einstellung (Standard Root). Die heruntergeladene Datei heißt `${interfaceName}.ts`. Wenn sie nicht synchron erscheinen, prüfen Sie, ob das Tool in mehreren Tabs mit unterschiedlichen Einstellungen geöffnet ist. Öffnen Sie die Seite neu oder aktualisieren Sie die Einstellungen, um sie anzugleichen.

Der generierte Code ist voller `any`-Typen.

Wahrscheinliche Ursachen: 1) Das JSON enthält Werte, die der Parser nicht erkennen konnte; 2) Arrays sind leer und fallen auf any[] zurück; 3) Felder sind null und die optionale Option ist deaktiviert. Lösung: Überprüfen Sie die Datenintegrität, fügen Sie mehr Beispieldaten hinzu, um die Inferenz zu verbessern, oder geben Sie Typen für immer leere Felder manuell an (z.B. User[]).

Wie fusioniere ich das generierte Interface mit einem vorhandenen Typ?

TypeScript-Interfaces unterstützen Declaration Merging: Interfaces mit dem gleichen Namen führen ihre Member automatisch zusammen. Deklarieren Sie einfach ein gleichnamiges Interface in Ihrem Projekt und exportieren Sie es; das Tool gibt z.B. `export interface User { id: number }` aus und Sie schreiben `export interface User { name: string }`, und sie werden automatisch zu `{ id: number; name: string }` zusammengeführt.

Glossar

JSON (JavaScript Object Notation): Leichtgewichtiges Datenaustauschformat basierend auf der JavaScript-Objektsyntax, aber unabhängig von jeder Programmiersprache. Unterstützt sechs Basistypen: Objekt ({}), Array ([]), String, Number, Boolean und null.
TypeScript: Eine von Microsoft entwickelte Obermenge von JavaScript, die statische Typdefinitionen, Interfaces, Generics und andere Funktionen hinzufügt. TypeScript-Code wird zu reinem JavaScript kompiliert und im Browser oder auf Node.js ausgeführt.
interface: Ein TypeScript-Schlüsselwort, das die Form eines Objekts beschreibt. Syntax: `interface Name { prop: type; }`. Unterstützt Declaration Merging, das implements-Schlüsselwort und extends-Vererbung.
type alias: Ein TypeScript-Schlüsselwort, das einem Typ einen Namen zuweist. Syntax: `type Name = ...`. Nützlich für Union-Typen, Intersection-Typen und Funktionstypen. Dieses Tool gibt ausschließlich Interfaces aus.
Typinferenz: Der Prozess, mit dem dieses Tool den TS-Typ für jeden JSON-Wert basierend auf seinem typeof und seiner Form bestimmt.
Optionales Feld (?): Ein TypeScript-Modifikator, der ein Feld als möglicherweise fehlend kennzeichnet. `name?: string` bedeutet, dass das Feld name möglicherweise nicht existiert. Wenn die Option für optionale Felder aktiviert ist, erhalten Felder, deren Wert null oder undefined ist, automatisch den `?`-Modifikator.
Readonly-Feld: Ein TypeScript-Modifikator, der ein Feld nach der Objekterstellung als unveränderlich kennzeichnet. `readonly id: number` bedeutet, dass id nicht neu zugewiesen werden kann.
Union-Typ: Ein TypeScript-Typ, der es einem Wert ermöglicht, einer von mehreren Typen zu sein. Geschrieben als `A | B`. Das Tool verwendet diese Notation, wenn Array-Elemente unterschiedliche Typen haben.
Array-Typ: Die TypeScript-Syntax für Arrays, verfügbar in zwei Formen: die generische Form `Array<T>` und die Kurzform `T[]`. Das Tool verwendet immer die Kurzform.
Verschachteltes Interface: Ein Interface, das andere Interfaces referenziert, um eine Typhierarchie zu bilden. Das Tool erzeugt für jedes verschachtelte Objekt ein Sub-Interface, und das Hauptinterface referenziert sie nach Eigenschaftsname.
TypeScript strict mode: Eine Sammlung strenger Compiler-Optionen in TypeScript (noImplicitAny, strictNullChecks, strictFunctionTypes und mehr). Mit aktiviertem strictNullChecks sind null und undefined unabhängige Typen.
DTO (Data Transfer Object): Ein Objekt zur Übertragung von Daten zwischen Schichten (z.B. zwischen einer API und einem Service). TypeScript-Projekte beschreiben DTOs typischerweise mit Interfaces, oft unter Verwendung von readonly, um Unveränderlichkeit durchzusetzen.
Declaration Merging: Eine TypeScript-Funktion für Interfaces: Interfaces mit dem gleichen Namen führen ihre Member automatisch zusammen.
tsconfig.json: Die TypeScript-Projektkonfigurationsdatei im Projektstamm. Enthält compilerOptions (target, module, strict und mehr), include und exclude.
tryFixJSON: Die eingebaute JSON-Reparatur-Routine des Tools, die nachgestellte Kommas, einfache Anführungszeichen anstelle von doppelten, fehlende Anführungszeichen, Kommentare und andere häufige JSON-Syntaxfehler behandelt.

JSON-zu-TypeScript-Typzuordnungsregeln

Der vollständige Satz von Regeln, die die getTsType-Funktion verwendet, um JSON-Werte TypeScript-Typen zuzuordnen:

JSON-Wert	Beispiel	TypeScript-Typ	Erkennungsregel
`null`	`null`	`null`	JSON null wird direkt auf TS null abgebildet
`undefined`	`undefined`	`undefined`	undefined-Werte werden auf TS undefined abgebildet (nur zur Laufzeit)
`boolean`	`true / false`	`boolean`	typeof boolean wird auf TS boolean abgebildet
`integer`	`1, 100, -9999`	`number`	Ganzzahlen und Fließkommazahlen werden auf TS number abgebildet
`float`	`3.14, -0.5, 1e10`	`number`	Alle numerischen Literale werden auf number abgebildet
`string`	`"Alice", "Berlin"`	`string`	typeof string wird auf TS string abgebildet
`leeres Array`	`[]`	`any[]`	Leere Arrays fallen auf any[] zurück
`homogenes Array`	`[1, 2, 3]`	`T[] (z.B. number[])`	Elemente gleichen Typs erzeugen einen einzigen Array-Typ
`gemischtes Array`	`[1, "a"]`	`(A \| B)[] (z.B. (number \| string)[])`	Elemente gemischter Typen erzeugen ein Union-Array
`object`	`{a: 1, b: "x"}`	`SubInterface (z.B. Root)`	Verschachtelte Objekte werden zu unabhängigen Sub-Interfaces, die referenziert werden

interface vs type alias Vergleich

Warum dieses Tool interface statt type alias erzeugt und wie sie sich in TypeScript-Projekten unterscheiden:

Fähigkeit	interface	type alias	Hinweise
Beschreibung der Objektform	✓ (bevorzugt)	✓ (auch unterstützt)	Beides funktioniert; Tool gibt interface aus
Declaration Merging	✓ (gleicher Name wird zusammengeführt)	✗ (Duplikatfehler)	interface ermöglicht schrittweise Erweiterung
implements/extends	✓ (Klassen können implements)	△ (nur Objekt-type)	interface ist in OOP natürlicher
Union-Typen (A \| B)	✗	✓	type ist prägnanter für Unions
Intersection-Typen (A & B)	✗	✓	type ist prägnanter für Intersections
Funktionstypen	△ (benötigt call signature)	✓ (direkt)	type ist intuitiver für Funktionen
Leistung (viele Typen)	etwas schneller	etwas langsamer	interface wird inkrementell zusammengeführt
Wahl dieses Tools	✓ einheitliche Nutzung	✗	Tool konzentriert sich auf Objekttypen

Regeln für optionale und readonly-Feldgenerierung

Wie sich die beiden Umschaltoptionen auf den generierten Code auswirken und wann welche zu verwenden ist:

Option	Auslöser	Generierte Syntax	Ideal für
Optional (?): aus	(Standard)	`name: string`	Strikt, alle Felder erforderlich
Optional (?): ein	value === null \|\| value === undefined	`name?: string`	Optionale Felder, fehlende Daten
Readonly: aus	(Standard)	`name: string`	Allgemeine Typen, beschreibbare Felder
Readonly: ein	gilt für alle Felder	`readonly name: string`	Unveränderlicher State, Konfiguration, DTOs
Beide ein	beide Bedingungen gelten	`readonly name?: string`	API-Antwort-Snapshots, optionale Konfiguration

Privacy & Security

Dieses JSON-zu-TypeScript-Tool läuft vollständig in Ihrem Browser. JSON-Analyse, Typinferenz und Interface-Generierung erfolgen in clientseitigem JavaScript; es wird nichts an einen Server gesendet. Datei-Uploads verwenden die native FileReader API und gehen nie durch einen Zwischendienst. Das Tool verwendet keine Tracking-Cookies und sammelt keine Eingabe- oder Nutzungsdaten. Alle Ein- und Ausgaben werden aus dem Speicher gelöscht, sobald die Seite geschlossen oder neu geladen wird. Sicher zu verwenden für JSON, das API-Schlüssel, Tokens oder andere sensible Daten enthält.

Authoritative References

TypeScriptTypeScript-Interface-Handbuch
TypeScriptTypeScript-Handbuch Einführung
MDNJSON-Spezifikation - MDN Web Docs
TypeScriptTypeScript Playground
TypeScripttsconfig.json Referenz
ZodZod - TypeScript-first Schema-Validierung