developer

JSON 转 TypeScript Interface 工具

从 JSON 示例自动生成 TypeScript Interface。

local browser tool

Root interface nameJSON sample

{
  "id": 1,
  "name": "Madabase",
  "tags": ["tools", "ai"],
  "owner": {
    "email": "hello@madabase.com"
  }
}

TypeScript output

export interface Root {
  id: number;
  name: string;
  tags: string[];
  owner: RootOwner;
}

export interface RootOwner {
  email: string;
}

介绍

通过示例 JSON 生成类型定义，可以更快完成 API 类型、DTO 和页面状态建模。

步骤 1

使用有代表性的对象或接口返回数据。

步骤 2

工具会推断基础类型、嵌套对象和数组。

步骤 3

生成后可以继续修改命名和可选字段。

输入

{"id":1,"name":"Ada"}

输出

interface Root {
  id: number;
  name: string;
}

可以识别嵌套对象吗？

可以。MVP 版本会为对象字段和数组生成嵌套接口。

这个工具会上传我的输入吗？

不会。第一版工具在浏览器本地运行，你输入的内容会保留在本地。

在浏览器中快速格式化、压缩并校验 JSON。

校验 JSON 并展示有用的语法错误提示。

格式化 JavaScript 片段，提高可读性。