JSONFatherDeveloper JSON Tools
简体中文

JSON 转 TypeScript

生成测试 JSON简单
JSON 输入
TypeScript 输出

什么是 JSON 转 TypeScript？

JSON 转 TypeScript 会把示例 JSON 转成 API 开发中的起步产物。从示例 JSON 生成 TypeScript 类型定义。

生成结果用于加速脚手架搭建；上线前仍需检查命名、可选字段、校验规则和具体框架注解。

如何使用 JSON 转 TypeScript

粘贴一份有代表性的 JSON payload，运行 JSON 转 TypeScript。把生成的 model、struct、class、dataclass 或 mock 定义复制到代码库后，再按项目规范细化。

可用操作

  • 生成 TypeScript
  • 导入 JSON 文件
  • 复制输出
  • 下载输出
  • 创建限时 JSON 短链
  • 全部折叠
  • 全部展开
  • JSON 字符串转义
  • JSON 字符串去转义
  • 生成测试 JSON
  • 简单示例
  • 中等示例
  • 复杂示例
  • 回到顶部
  • 回到底部
  • 编辑器内查找
  • 上一个匹配
  • 下一个匹配
  • 全部替换
  • 关闭搜索面板

示例

输入

{"id":1,"name":"Ada","roles":["admin"],"active":true}

输出

export interface Root {
  id: number;
  name: string;
  roles: string[];
  active: boolean;
}

FAQ

JSON 转 TypeScript 生成结果可以直接上生产吗？

它是基于单个样本的起步代码。发布前请检查可选字段、数值类型、空值、校验和命名。

代码生成会在服务器上运行吗？

不会。JSONFather 在浏览器中生成输出。

支持嵌套 JSON 吗？

支持。嵌套对象和数组会尽可能转换成嵌套模型类型。

API Mock从 JSON 生成 Mock 路由。Java Class从 JSON 生成 Java Class。Go Struct从 JSON 生成 Go struct。C# Class从 JSON 生成 C# Class。Python dataclass从 JSON 生成 dataclass。Dart Model从 JSON 生成 Dart Model。

网站功能全景图

JSON 工具

JSON 格式化美化、压缩、排序、转义 JSON。JSON 压缩去掉空白，生成紧凑 JSON。JSON 校验检查语法、重复 key 和统计信息。JSON 可视化树形查看、搜索和复制路径。JSON 对比按字段路径比较两份 JSON。JSONPath测试 JSONPath 查询表达式。JSON Schema从 JSON 样本生成 Schema 草稿。

格式转换

JSON 转 YAML把 JSON 转成 YAML。YAML 转 JSON把 YAML 转成格式化 JSON。JSON 转 XML把 JSON 对象转成 XML。XML 转 JSON把 XML 解析成 JSON。JSON 转 CSV把 JSON 数据导出成 CSV。CSV 转 JSON把 CSV 行转成 JSON 数组。JSON 转 TOML把 JSON 配置转成 TOML。TOML 转 JSON把 TOML 配置转成 JSON。

API 开发

API Mock从 JSON 生成 Mock 路由。TypeScript 类型从 JSON 生成 TS 类型。Java Class从 JSON 生成 Java Class。Go Struct从 JSON 生成 Go struct。C# Class从 JSON 生成 C# Class。Python dataclass从 JSON 生成 dataclass。Dart Model从 JSON 生成 Dart Model。Swift Model从 JSON 生成 Swift Model。

调试工具

Base64 编解码文本与 Base64 互转。URL Encode / DecodeURL 参数编码和解码。JWT 解码查看 header 和 payload。UUID 生成生成随机 UUID v4。MD5 / SHA256计算文本哈希。Unix 时间戳时间戳和日期互转。正则测试用示例文本调试正则。