JSON转TypeScript工具

在线把 JSON 数据自动转换成 TypeScript interface/type 定义,支持嵌套对象和数组,适合前端根据接口数据快速生成类型。

功能介绍

本工具可以解析JSON格式数据,自动递归推断类型,生成对应的TypeScript接口(interface)和类型定义。支持处理嵌套对象、数组、null值,并提供可选配置满足不同的编码习惯。

使用方法

  1. 在输入框粘贴需要转换的JSON数据
  2. (可选)修改根类型的名称,默认是Root
  3. (可选)勾选/取消「允许null值时标记为可选字段」
  4. 点击「转换为TypeScript」按钮,即可在下方结果区看到生成的TypeScript代码
  5. 点击「复制结果」按钮可以一键复制生成的代码

转换逻辑说明

注意事项

请输入合法的JSON格式,工具会进行语法校验,如果JSON格式错误会提示具体错误信息。生成结果仅供开发使用,请人工检查类型准确性。

数组是空的会怎么处理?

空数组无法推断元素类型,会生成 any[] 类型,你可以手动修改为正确的类型。

null值和可选字段是什么关系?

如果你开启了「允许null值时标记为可选字段」选项,那么包含null的字段会自动标记为可选(添加?),并且类型中会去掉null;如果不开启这个选项,即使字段允许null,也不会标记为可选,类型会保留 | null 联合类型。

嵌套JSON对象会生成多个interface吗?

是的,工具会为每一个嵌套对象生成单独的interface,保证每个类型都清晰可复用。

JSON根是数组怎么办?

工具会自动处理,根据数组元素类型生成根数组类型,元素如果是对象会生成对应的interface,最终根类型是数组类型如 RootItem[]