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[] 使用生成的元素接口。
相关工具
- JSON 转 Go Struct - JSON 生成 Go struct 定义,带 json tag
- JSON 转 Java POJO - JSON 生成 Java 实体类,支持 getter/setter 或 Lombok
- JSON 格式化 - JSON 格式化、压缩、校验与排序,错误定位到行列
本工具完全在浏览器本地运行,输入内容不会被上传或保存。