TingYu Tools

JSON → TS 类型

推断接口

输入 JSON

支持嵌套对象、数组等复杂结构
生成的 TypeScript 接口名称

基本选项

⚙️ 高级选项
💡 使用说明

什么是 JSON → TS?

JSON → TypeScript 类型生成器可以根据 JSON 数据自动推断并生成对应的 TypeScript 接口或类型定义,大大提高开发效率。

功能特点

  • 自动推断字段类型(string、number、boolean 等)
  • 支持嵌套对象和数组的类型推断
  • 可选的 interface 或 type 声明
  • 支持导出、只读、可选等修饰符

类型映射规则

  • 字符串 → string
  • 数字 → number
  • 布尔值 → boolean
  • null → null(可配置联合类型)
  • 数组 → Type[](智能推断元素类型)
  • 对象 → 嵌套接口定义

应用场景

  • API 响应数据快速生成类型定义
  • JSON 配置文件的类型声明
  • 快速创建数据模型接口
  • 学习 TypeScript 类型系统

最佳实践

  • 使用有意义的接口名称
  • 根据实际情况决定是否使用可选字段
  • 对于 API 响应,考虑添加 export
  • 复杂嵌套对象可能需要手动调整
  • 联合类型和交叉类型需手动添加

生成的 TypeScript 类型

interface User {
  id: number;
  name: string;
  age: number;
  email: string;
  active: boolean;
  tags: string[];
  profile: {
    city: string;
    online: boolean;
    score: number;
  };
}
📊类型信息
接口名User
字段数10
嵌套层级2
数组字段1
对象字段1
基本类型8