1输入 JSON
2TypeScript 接口代码
在线 JSON 转 TypeScript Interface 类型定义生成器
将 JSON 数据粘贴到左侧，自动生成对应的 TypeScript export interface 类型定义，自动推断 string、number、boolean、数组及嵌套接口类型。适合前端开发者为 API 返回数据快速添加类型约束。所有转换在浏览器本地完成，数据不上传服务器。
功能特性
- 自动推断
string、number、boolean、null、any等基础类型 - 嵌套对象递归生成独立的
interface定义 - JSON 数组映射为 TypeScript 数组类型（如
string[]、SubType[]） - 使用
export关键字便于模块导入 - 可自定义根接口名（如 IApiResponse、UserModel）
适用场景
- React/Vue 开发：为 axios/fetch 请求返回 JSON 快速生成类型
- 接口对接：将后端 API 文档示例转为可用 TypeScript 类型
- Swagger/OpenAPI：快速将响应示例 JSON 转成接口类型
- 本地数据：为 JSON 配置文件或 mock 数据添加类型约束
常见问题
工具根据 JSON 示例数据推断字段类型，默认所有字段为必填。若需将字段标记为可选，可在生成后手动在字段名后加
?，如 name?: string。可以。生成的 interface 使用
export 导出，可直接在 .ts 或 .tsx 文件中 import 使用。搭配 axios 时，可用泛型约束返回类型，如 axios.get<IResponse>('/api/xxx')。不会。所有 JSON 解析和 TypeScript 接口生成均在浏览器本地完成，数据不会发送到任何服务器，断网也能正常使用。