TSJSON → TypeScript
加载中...
TypeScript 的静态类型系统要求您为数据结构定义接口或类型。根据 API 响应手动编写这些内容非常耗时，尤其是在对象深度嵌套的情况下。此工具能根据任何 JSON 载荷自动生成 TypeScript 接口或类型别名，并妥善处理嵌套对象、数组和 null 值。
使用说明
- 1粘贴 JSON
在左侧粘贴要转换的 JSON。点击“加载示例”尝试带有嵌套结构的示例。
- 2配置选项
设置根接口名称、输出风格（接口或类型别名）、是否包含 export 关键字以及如何处理 null 值。
- 3复制结果
在右侧查看生成的 TypeScript，点击复制按钮在您的项目中使用。
小技巧
- 💡嵌套的 JSON 对象会自动转换为独立的命名的接口或类型。
- 💡启用 null 选项时，包含 null 的字段会被定义为 'T | null'，确保代码的空安全。
- 💡空数组 ([]) 会生成 unknown[]——在确定元素形状后请手动更新类型。
- 💡粘贴 API 响应 JSON 以立即为您的 TypeScript 项目构建响应类型。
常见问题
- Q. 从JSON生成TypeScript接口有什么好处？
- A. 明确API响应类型，在编译时捕获错误，启用IDE自动完成，使重构更安全。
- Q. 生成的是interface还是type？
- A. 默认生成interface声明。可根据需要改为type。主要区别是interface支持声明合并。
- Q. JSON中的数组如何转换？
- A. JSON数组转换为T[]或Array<T>格式，类型从数组元素推断。空数组默认为unknown[]。