JSON 转 TypeScript

JSON 生成 TypeScript Interface,支持嵌套与数组

功能介绍

粘贴 JSON,自动生成对应的 TypeScript interface 定义。基于真实 AST 推断:嵌套对象生成嵌套接口、数组元素形状合并、null 标记为可选联合类型。

适合把接口返回样例快速转成类型定义,配合前端开发使用。

使用说明

  • 粘贴 JSON(顶层建议为对象)
  • 可自定义顶层接口名(默认 Root)
  • 值为 null 的字段会生成可选属性并联合 null 类型
  • 数组的多个对象元素会合并字段后推断

输入输出示例

输入

{"id":1,"name":"dev","tags":["a"],"profile":{"city":"BJ","vip":null}}

输出

export interface Profile {
  city: string
  vip?: null
}

export interface Root {
  id: number
  name: string
  tags: string[]
  profile: Profile
}

常见问题

同形状的嵌套对象会合并成一个接口吗?

不同位置的嵌套对象各自生成独立接口;如需合并请生成后手动整理。

顶层是数组怎么办?

会按数组元素推断并提示:多数场景建议在代码里用 Root[] 使用生成的元素接口。

相关工具

本工具完全在浏览器本地运行,输入内容不会被上传或保存。