JSON → TypeScript

根据 JSON 数据生成 TypeScript 接口定义，支持实时生成

输入 JSON

接口名称:

TypeScript 接口

功能介绍

根据 API 响应 JSON 自动生成 TypeScript 接口类型定义。前端开发中对接后端接口时快速产出 type 声明，减少手动编写类型代码的重复劳动，支持嵌套对象、数组和可选属性。

关键特点

JSON 自动生成 TypeScript 接口
支持嵌套对象和数组
可自定义接口名称
一键复制生成的代码

使用教程

在输入框中粘贴后端 API 返回的 JSON 示例数据
修改「接口名称」为实际需要的类型名（如 UserResponse）
点击「生成 TypeScript」按钮，右侧自动生成 interface 定义
检查生成的类型，确认嵌套对象和数组类型的正确性
点击「复制结果」将类型定义粘贴到项目 .ts 文件中使用

使用示例

输入示例：

{
  "id": 1,
  "name": "张三",
  "email": "zhangsan@example.com",
  "age": 28,
  "tags": ["vip", "active"],
  "address": {
    "city": "北京",
    "zip": "100000"
  }
}

输出结果：

interface Root {
  id: number;
  name: string;
  email: string;
  age: number;
  tags: string[];
  address: {
    city: string;
    zip: string;
  };
}

常见问题

支持哪些 TypeScript 类型？

支持 string、number、boolean、null、undefined、数组、嵌套对象等所有 TypeScript 基础类型。