开发工具
JSON 转 TypeScript
根据 JSON 示例生成 TypeScript interface,适合快速整理接口返回结构和前端类型草稿。 工具在浏览器本地运行,输入内容不会上传服务器。
适用场景
- 根据 API 响应的 JSON 示例自动生成 TS interface,免去手写类型。
- 为前端项目快速建立类型草稿,减少逐字段敲类型的时间。
- 处理嵌套对象和数组的类型推断,降低漏写字段的概率。
使用步骤
- 粘贴 JSON 示例数据。
- 设置根接口名称。
- 点击生成类型。
- 复制 TypeScript 代码到项目中使用。
常见问题
嵌套对象会生成独立的 interface 吗?
会。嵌套对象会被抽取为独立 interface 并按名称引用,重名时自动加序号避免冲突。
null 值怎么推断类型?
null 会并入联合类型,例如 string | null;数组元素同时提供多种取值时推断更准确。
支持数组和联合类型吗?
支持。数组会推断为元素类型数组,元素含多种类型时合并为联合类型,部分对象缺失的字段会标记为可选。