JSON 转 TypeScript 转换器

粘贴 JSON 即可生成 TypeScript 接口或类型别名。支持嵌套对象、数组和联合类型。

JSON 输入0 字符
TypeScript 输出

为什么要将 JSON 转换为 TypeScript?

TypeScript 接口在处理来自 API 的 JSON 数据时提供编译时类型安全。无需手动编写类型,粘贴 JSON 响应即可立即获得准确的 TypeScript 定义。

支持的功能

  • - 嵌套对象生成独立接口
  • - 数组类型推断和联合类型
  • - 可自定义根接口名称
  • - 接口或类型别名输出

如何在线将 JSON 转换为 TypeScript

  1. 1.使用切换按钮选择 interfacetype 输出模式。
  2. 2.可选地更改生成类型的根类型名(默认为 "Root")。
  3. 3.将 JSON 数据粘贴到左侧面板,TypeScript 输出会即时生成。
  4. 4.点击复制将生成的 TypeScript 复制到剪贴板。

FAQ

此工具能处理嵌套 JSON 对象吗?

可以。每个嵌套对象都会被提取为独立的命名接口或类型别名。父类型通过名称引用子类型,生成整洁且可复用的 TypeScript 定义。

数组是如何处理的?

同类型数组(所有元素类型相同)会生成整洁的类型如 string[]。混合类型数组会生成联合类型如 (string | number)[]。空数组默认为 unknown[]。

生成的代码可以直接用于项目吗?

完全可以。生成的 TypeScript 是有效的,可以直接复制到你的 .ts 或 .tsx 文件中。所有接口都已导出,可以在需要的地方导入使用。

我的 JSON 数据会发送到服务器吗?

不会。所有转换完全在浏览器中使用 JavaScript 进行。你的数据不会被上传、存储或记录。