开发工具

JSON 转 TypeScript

根据 JSON 示例生成 TypeScript interface,适合快速整理接口返回结构和前端类型草稿。 工具在浏览器本地运行,输入内容不会上传服务器。

适用场景

  • 根据 API 响应的 JSON 示例自动生成 TS interface,免去手写类型。
  • 为前端项目快速建立类型草稿,减少逐字段敲类型的时间。
  • 处理嵌套对象和数组的类型推断,降低漏写字段的概率。

使用步骤

  1. 粘贴 JSON 示例数据。
  2. 设置根接口名称。
  3. 点击生成类型。
  4. 复制 TypeScript 代码到项目中使用。

常见问题

嵌套对象会生成独立的 interface 吗?

会。嵌套对象会被抽取为独立 interface 并按名称引用,重名时自动加序号避免冲突。

null 值怎么推断类型?

null 会并入联合类型,例如 string | null;数组元素同时提供多种取值时推断更准确。

支持数组和联合类型吗?

支持。数组会推断为元素类型数组,元素含多种类型时合并为联合类型,部分对象缺失的字段会标记为可选。

相关工具