MyDevTools

JSON 转 TypeScript 转换器

将 JSON 对象即时转换为 TypeScript 接口和类型别名 — 私密,完全在浏览器中运行

JSON 转 TypeScript 转换器可在几秒内将 JSON 数据转换为强类型的 TypeScript 接口和类型别名。所有转换均在浏览器本地完成 — 您的数据永远不会离开您的计算机。

详细功能

转换器分析任意 JSON 对象或数组的结构,并生成符合惯用法的 TypeScript 定义。嵌套对象会自动提取为单独的命名接口。

主要选项:

  • 根类型名称 — 自定义顶层接口的名称(默认:`Root`)。
  • export — 在每个生成的接口或类型别名前添加 `export`。
  • 可选字段 (?) — 将值为 `null` 的属性标记为可选。
  • type 别名 — 生成 `type Foo = { … }` 而非 `interface Foo { … }`。

实用示例

示例 1:API 响应 → TypeScript

粘贴 REST API 响应,设置根名称并转换,获得可直接用于项目的接口。

示例 2:深层嵌套配置

具有多层嵌套的 JSON 配置文件会被自动处理,每个嵌套对象都成为独立的命名接口。

示例 3:对象数组

如果根值是数组,转换器会生成数组的类型别名和元素的接口,例如 `export type Users = UserItem[];`

如何使用此工具

步骤 1:粘贴 JSON

从 API 响应或配置文件复制 JSON,粘贴到左侧面板。TypeScript 输出会自动更新。

步骤 2:配置选项

设置根接口名称,选择是否添加 `export`,切换可选字段,在 `interface` 和 `type` 之间选择。

步骤 3:使用结果

点击复制下载 .ts 保存文件。

提示和最佳实践

  • 实时转换 — 编辑 JSON 时输出即时更新。
  • 命名规范 — `snake_case` 和 `kebab-case` 键会自动转换为 `PascalCase`。
  • 大型数据 — 转换器可无性能问题地处理大型、深层嵌套的 JSON。
没有数据发送到服务器