JSON 转 TypeScript

在线将 JSON 对象和数组转换为 TypeScript 接口。嵌套命名类型、可选与可空字段、即时输出。

生成的代码将显示在这里…

所有转换均在浏览器本地完成,您的 JSON 不会被上传或存储。

什么是 JSON 转 TypeScript 工具?

JSON 转 TypeScript 工具可以把 JSON 样例直接转换为可用的 TypeScript 接口。粘贴一段真实的 API 返回数据,即可立即得到类型化模型,非常适合 API 客户端、Mock 数据和配置文件。全程在浏览器中完成。

如何从 JSON 生成 TypeScript

粘贴 JSON,可选地修改根接口名称,右侧会实时生成代码,点击复制即可放入项目。

类型是如何推断的

字符串映射为 string,数字为 number,布尔为 boolean。嵌套对象成为命名接口,对象数组合并为一个元素接口,混合基本类型的数组会生成 string | number 之类的联合类型。

可选、可空与命名

部分数组元素缺失的属性会生成为可选(prop?),显式 null 会追加 | null;你输入的根名称会贯穿所有嵌套命名,例如 ApiResponseItem。

常见问题

如何将 JSON 转换为 TypeScript 接口?+
把 JSON 对象或数组粘贴到输入框,接口会即时生成:嵌套对象会变成命名接口,数组会合并为单一元素类型,一键即可复制全部代码。
嵌套对象和数组如何处理?+
每个嵌套对象都会生成独立的导出接口,名称由其键名派生,例如 Root 中的 items 会生成 RootItem。对象数组会做合并,共有属性保留,部分元素缺失的属性会标记为可选。
缺失或 null 值怎么处理?+
在部分数组元素中缺失的属性会加上可选修饰符(?),显式的 null 会为类型追加 | null,使生成的接口与 API 实际返回的数据一致。
我的 JSON 会被上传到服务器吗?+
不会。所有转换都在浏览器本地完成,不会发送、存储或记录任何数据。

相关工具

JSON 转 TypeScript — 免费的在线json 转 typescript, json 转 ts, json 转 interface, typescript 接口生成器, json 转 typescript 工具, typescript 类型生成, json 生成 interface, 在线 json 转 ts, json 类型定义生成, json 转 typescript 免费。无需注册。在浏览器中直接使用。