logo
GeekFormat

JSON 转 TypeScript

免费在线 JSON 转 TypeScript 工具,一键将 JSON 数据转换为标准 TypeScript interface 或 type 类型定义。支持可选字段标记、联合类型推断和嵌套接口生成,适合 React/Vue 前端开发、API 类型安全、DTO 定义和全栈类型共享。

相关推荐

适用场景

  • 前端开发时需要把 API 返回的 JSON 转为 TypeScript 类型定义
  • React/Vue 项目需要为组件 props 和 state 生成类型声明
  • 全栈项目需要共享前后端统一的 TypeScript 类型定义
  • 对接第三方 API 时需要快速创建对应的 TypeScript 接口

功能特点

  • 智能类型推断:自动识别 string、number、boolean、Array 等 TypeScript 类型
  • interface/type 双模式:支持生成 interface 或 type 别名,满足不同编码规范
  • 可选字段标记:自动检测 null/undefined 值并标记为可选字段(`?` 修饰符)
  • 嵌套接口生成:为嵌套对象自动创建子接口,保持类型层级清晰

使用方法

  1. 粘贴 JSON 内容或上传 JSON 文件
  2. 选择生成模式(interface/type)和可选字段标记选项
  3. 查看生成的 TypeScript 类型定义代码
  4. 复制代码到项目或下载 .ts 文件

常见问题

怎么把 JSON 转成 TypeScript interface?

将 JSON 内容粘贴到输入框,工具会自动推断字段类型(string、number、boolean、Array 等),生成标准的 TypeScript interface 定义。支持嵌套对象自动创建子接口,保持类型层级清晰。

支持生成 type 别名还是 interface?

支持。您可以选择生成 `interface`(推荐用于对象类型,支持声明合并)或 `type` 别名(适合联合类型和交叉类型)。根据项目编码规范灵活选择。

如何标记可选字段?

工具支持自动检测 null/undefined 值并标记为可选字段(`?` 修饰符),您也可以手动选择哪些字段应该标记为可选。生成的代码符合 TypeScript 严格模式规范。

生成的 TypeScript 代码可以直接用于项目吗?

可以。生成的代码符合 TypeScript 编码规范,包含完整的类型定义、联合类型推断和嵌套接口,可直接复制到 React、Vue、Angular 或 Node.js 项目中使用。

JSON 转 TypeScript 和 JSON 转 Java 有什么区别?

TypeScript 生成的是 interface 或 type 类型声明(纯类型定义),Java 生成的是完整 POJO 类(含 getter/setter 方法)。选择取决于您的开发语言和框架。