跳至内容
Monu Tools

JSON 转 TypeScript

从 JSON 示例生成 TypeScript 接口,包含嵌套类型、数组和可选字段。在你的浏览器中运行。

如何使用 JSON 转 TS

  1. 01

    粘贴一个 JSON 对象或数组。

  2. 02

    可选择设置根接口名称。

  3. 03

    复制生成的 TypeScript 接口。

发电机的作用是什么

这是一个 JSON 到 TypeScript 生成器,它从示例 JSON 对象或数组推断一组接口,因此您可以粘贴 API 响应并获取现成的类型,而不是手动编写它们。

当您使用 API 或配置文件时,它可以节省大量时间:粘贴响应,可以选择命名根接口,然后将干净的 TypeScript 直接复制到您的代码中。

生成完全在您的浏览器中运行,因此您的数据永远不会离开您的设备,当样本包含真实值时,这一点很重要。

它如何处理现实世界的形状

它处理现实世界的形状:嵌套对象成为从父级引用的自己的命名接口,对象数组合并到一个接口中,并在值变化的地方生成联合类型。

跨混合数组的可选字段

当数组中的对象并非全部具有相同的键时,某些元素中缺少的键会用问号标记为可选,这与数据的实际行为方式相匹配并保持类型的诚实。

它推断,它不强制执行模式

重要的一点是:它从您提供的单个样本中推断出形状,而不是强制执行一种模式。如果某个字段有时在实际数据中为空或不存在,但在示例中却不然,则生成的类型将不知道这一点,因此请使用代表性示例。

常见问题

嵌套对象如何处理?

每个嵌套对象会成为各自命名的接口,由其父级引用,因此结果整洁且可复用。

对于形状不同的数组怎么办?

对象数组会合并为一个接口,某些元素缺少的键会被标记为可选。混合基本类型的数组会成为联合元素类型。

我的 JSON 会被上传到任何地方吗?

不会。类型完全在你的浏览器中生成,因此你的数据永远不会离开你的设备。

来源

报告问题