开发者工具

JSON 转 TypeScript

粘贴 JSON,即可得到干净、嵌套的 TypeScript 接口,类型自动推断。

给这个工具评分
JSON
TypeScript

如何使用 JSON 转 TypeScript

  1. 把一个 JSON 对象或数组粘贴到左侧文本框。
  2. 点击“生成接口”。
  3. 把生成的 TypeScript 直接复制到你的项目中。

关于 JSON 转 TypeScript

这款 JSON 转 TypeScript 转换器会读取一段 JSON 样本——一个 API 响应、一个配置文件、一条数据库记录——并写出相匹配的 interface 定义,为每个字段推断出正确的类型。嵌套对象会成为各自独立的接口,数组按其第一个元素来定类型,基本类型则映射为 stringnumberboolean。它为你省去了给已有数据手动敲类型这件既繁琐又容易出错的活儿。

强类型是使用 TypeScript 最大的理由之一,而从真实数据出发意味着你的类型确实与服务器发送的内容相符。生成的接口已导出,可直接粘贴到 .ts 文件中;接下来你可以随意重命名它们、把字段标记为可选,或按需拆分到不同模块。

一切都在你的浏览器中运行——你的 JSON 绝不会被上传。想先整理 JSON,请使用 JSON 格式化,或用 JSON 校验器检查它。需要表格而不是类型?试试 JSON 转 CSV

常见问题

它是如何判定类型的?

它会检查你 JSON 中的值:文本变成 string,数字变成 number,true/false 变成 boolean,对象则成为各自独立的接口。

数组里混有不同类型的项怎么办?

类型是根据第一个元素推断的,这能覆盖大多数真实的 API 数据。如果你的数组确实混杂了不同结构,可以手动把它拓宽为联合类型。

null 值会被处理吗?

null 值会被定为 null 类型。根据你的 API,你可能需要把它改成可选字段或可为空的字段。