🧩

JSON zu TypeScript Interface

JSON einfügen und automatisch TypeScript-Interfaces mit verschachtelten Objekten und Arrays ableiten

Hinweis: Der Typ wird aus diesem JSON abgeleitet, es ist kein JSON Schema. Bei uneinheitlicher Struktur der Array-Elemente wird ein Union-Typ erzeugt; Feldnamen, die keine gültigen Bezeichner sind, werden in Anführungszeichen gesetzt.

Anleitung

JSON 转 TypeScript 接口使用说明



功能简介


拿到一份接口返回的 JSON,要手写 TypeScript 类型很费时间。这个工具直接读 JSON 结构,递归推断出嵌套的 interface。

使用方法


  • 把 JSON 粘贴到输入框,点「填入示例」可以先看一个复杂例子

  • 填好根接口名(默认 Root),选 `interface` 或 `type` 别名

  • 如果字段可能缺失,勾上「字段可选」给每个字段加 `?`

  • 点「生成 TypeScript」,结果按引用顺序输出,子类型在前、根类型在后

  • 点「复制结果」复制走


  • 注意事项


  • 类型是从这一份 JSON 推断出来的:字段为 `null` 时只会得到 `null`,缺字段也看不出来。要更准确请用多份样本或手写补充

  • 数组里元素结构不一致时会生成联合类型,例如 `(A | B)[]`

  • 空数组只能推断出 `unknown[]`,需要你自己补类型

  • 字段名不是合法标识符时会用引号包起来,符合 TypeScript 语法
  • ❓ FAQ

    Was tun, wenn die Objekttypen im Array nicht übereinstimmen?

    Das Tool erzeugt für jede unterschiedliche Struktur ein Interface und schreibt den Array-Elementtyp als Union-Typ, z. B. `(User | Admin)[]`. Nach der Generierung kann man ihn je nach tatsächlichem Anwendungsfall einschränken.

    Warum ist der Typ eines null-Feldes null?

    Weil nur diese eine Datenquelle vorliegt, lässt sich nicht beurteilen, ob es künftig ein String oder eine Zahl sein wird. Es empfiehlt sich, alle in echten Daten vorkommenden Typen zu ergänzen oder manuell auf `string | null` zu ändern.

    Werden auch Typen für Go oder Java generiert?

    Derzeit wird nur TypeScript generiert. Wenn man zunächst die Struktur betrachten möchte, lassen sich die von diesem Tool abgeleiteten verschachtelten Interface-Namen auch leicht in Structs anderer Sprachen umschreiben.

    📝 Verwandte Artikel

    tool-tutorials

    Was tun bei Ruckeln beim Löschen von Zeilenumbrüchen in großen Dateien – Vergleich von Batch-Methoden

    Dieser Artikel erläutert die Ursachen für Ruckeln beim Batch-Löschen von Zeilenumbrüchen in großen Dateien und vergleicht drei Methoden. Er erklärt, wie man Zeilenumbrüche löscht, den Unterschied zwischen Löschen und Ersetzen durch Leerzeichen, die Fehlersuche bei nicht funktionierendem Löschen sowie konkrete Vorgehensweisen für Handy und API-Debugging – damit Sie je nach Dateigröße die richtige Route wählen und wiederholtes Neuversuchen vermeiden.

    tool-tutorials

    Kann man HTML in Markdown auf dem Handy umwandeln? Online-Konvertierungsmethode ohne Installation

    Mit dem Handy-Browser lässt sich HTML in Markdown umwandeln, ohne eine App zu installieren. Dieser Artikel bietet eine direkt nachvollziehbare Schritt-für-Schritt-Anleitung und gibt bei häufigen Problemen wie fehlgeschlagenen großen Dateien, Formatfehlern bei API-Antworten und verfälschten Tabellen mit verschachtelten Listen eine Reihenfolge zur Fehlersuche, damit du auf Mobilgeräten stabil strukturell korrekten Markdown-Text erhältst.

    tool-tutorials

    Was ist der Unterschied zwischen Bild-zu-PDF-Konvertierung und Online-Konvertierungstools? Welche ist sicherer?

    Dieser Artikel vergleicht lokale und Cloud-Konvertierung hinsichtlich Datenschutz, Bildqualität und Kontrollierbarkeit, gibt eine vollständige Schritt-für-Schritt-Anleitung zur Bild-zu-PDF-Konvertierung und beantwortet gebündelt vier häufige Problemkategorien: Dateikomprimierung, Smartphone-Nutzung ohne Installation, Konvertierungsfehler und Seitensortierung – damit du je nach Sensibilität der Bilder die richtige Methode wählst.

    tool-tutorials

    Was ist der Unterschied zwischen PDF-Zusammenfügen und PDF-Trennen? Welches Tool sollte man verwenden?

    Nach dem Lesen dieses Artikels können Sie schnell entscheiden, ob Sie PDF-Zusammenfügen oder PDF-Trennen verwenden sollten, die vier Schritte des Zusammenfügens beherrschen und praktische Fragen wie zu große Dateien nach dem Zusammenfügen, Bedienung auf dem Handy, Hinweise auf Dateibeschädigung und Browsersicherheit lösen.