开发者工具 / 15

JSON 转 TypeScript 生成器

将 JSON 对象和数组转换为强类型的 TypeScript 接口或类型声明。

JSON 转 TypeScript 生成器: TOEA 会递归检查 JSON 类型和嵌套键,以推断 TypeScript 接口定义和联合类型数组。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用

一个示例,一种结构

类型会准确描述该示例。值为null的字段会变成null类型,空数组会变成any[],数组中的对象只会根据第一个元素确定结构。请手动编辑这些结果:null通常意味着string | null或类似类型,而只有部分记录包含的字段应设为可选字段。两个嵌套对象如果键名相同,会共享一个以该键命名的接口,因此请检查其字段是否适用于两个对象。

类型不会检查数据

TypeScript类型会在代码编译时消失。如果API之后发送的字段是字符串而不是数字,运行时不会有任何机制阻止它,错误也会在其他位置出现。对于来自代码外部的数据,请在数据到达时进行验证:使用可在JSON Schema验证工具中测试的JSON Schema,或使用运行时验证库。

对于普通数据,使用interface还是type通常并不重要。接口可以扩展和合并,类型别名也可以表示联合类型。

使用方法

  1. 将 JSON 数据粘贴到输入框中。
  2. 配置根接口名称、声明样式或可选字段。
  3. 复制生成的 TypeScript 代码。

隐私与限制

你的 JSON 数据完全在浏览器内存中解析,不会上传到服务器。

相关工具

常见问题

支持嵌套对象吗?

支持,嵌套对象会自动生成子接口。

可以生成类型别名,而不是接口吗?

可以,在“声明样式”选择器中选择“type”。

免费工具·使用在浏览器中次·无需账户