JSON 到 TypeScript

免费的 JSON 到 TypeScript 转换器。使用自动推断的嵌套对象、数组和联合从 JSON 生成接口或类型 - 复制结果,无需注册。

立即将任何 JSON 转换为 TypeScript 接口或类型,并自动推断嵌套对象、数组、联合和可选属性。

Share
类别
开发者工具
包括
6特点
使用权
自由的 · 无需注册
隐私
在您的浏览器中运行
JSON 到 TypeScript

Loading JSON to TypeScript......

Please wait a moment

如何使用

如何使用JSON 到 TypeScript

  1. 01

    粘贴 JSON

    放入一个对象或数据数组。

  2. 02

    设置选项

    选择接口或类型,命名根,将可为空标记为可选。

  3. 03

    查看类型

    嵌套接口是自动生成的。

  4. 04

    复制

    将 TypeScript 复制到您的项目中。

使用案例

常见用例

  • 快速输入 API 响应
  • 从 JSON 夹具生成模型
  • 为配置文件创建接口
  • 新集成的引导类型
概述

来自真实数据的类型化模型

手写 TypeScript 接口来匹配 API 响应是乏味且容易出错的。粘贴 JSON 有效负载,此工具会遍历结构,生成具有正确类型字段、对象嵌套接口和数组元素类型的匹配接口(或类型别名)。混合数组成为联合类型,因此您的模型可以准确反映数据。

根据您的风格调整输出

选择是否发出接口或类型别名、命名根类型,以及将可为空的字段标记为可选。生成的代码会实时更新并准备好粘贴到您的项目中。这一切都在您的浏览器中运行,因此私有 API 有效负载和内部架构永远不会离开您的计算机。

特征
01
生成接口或类型别名
02
处理嵌套对象和数组
03
从混合数组推断联合类型
04
null 的可选属性
05
自定义根类型名称
06
在本地运行 - 代码从未上传
常问问题

常见问题

如何将 JSON 转换为 TypeScript 接口?+

粘贴您的 JSON,该工具会立即生成匹配的接口,为对象创建嵌套接口并推断数组元素类型。将其直接复制到您的代码中。

它处理嵌套对象和数组吗?+

是的。嵌套对象成为它们自己的命名接口,数组由它们的元素类型化。混合类型的数组会产生一个联合,如 (string | number)[]。

我可以获取类型别名而不是接口吗?+

是 - 切换选项以发出“类型”别名而不是“接口”声明,并重命名根类型以适合您的项目。

我的 JSON 上传到任何地方了吗?+

不会。解析和生成完全在您的浏览器中进行,因此敏感负载永远不会离开您的设备。