JSON 转 TypeScript 转换器

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

JSON 输入0 字符
TypeScript 输出

为什么要将 JSON 转换为 TypeScript?

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

支持的功能

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

如何在线将 JSON 转换为 TypeScript

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

FAQ

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

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

数组是如何处理的?

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

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

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

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

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

支持我们$3$5$10