JSON 转 TypeScript
从任意 JSON 生成 TypeScript 接口——嵌套对象、数组和联合类型一次生成,直接粘进项目。
root must be a JSON object
该工具完全在你的浏览器中运行,数据不会离开你的设备,不会上传到任何服务器。
使用方法
- 1粘贴 JSON(接口响应最合适)。
- 2需要时修改根接口名(默认 Root)。
- 3复制生成的类型定义到项目里。
JSON 转 TypeScript
粘贴接口返回的 JSON,立刻得到类型定义:嵌套对象生成命名 interface,对象数组合并为一个形状,混合数组生成联合类型。根接口名可自定义。
为接口开发而生——粘上响应、复制类型,剩下的交给编译器帮你盯字段变更。
常见问题
数组怎么处理?
对象数组会把所有元素的键合并成一个 interface(少键的情况运行时本来就是隐患)。混合类型数组生成 string | number 这样的联合类型。空数组降级为 unknown[]。
所有字段都是必填?
是——单个样本无法证明可选性,所以全部必填。API 允许 null 或缺省的字段请自行标记 ?。
相关工具
JSON 格式化
在线美化凌乱的 JSON——支持 2 空格、4 空格或 Tab 缩进,即时校验并精确报错,全程在浏览器本地完成。
全部工具 →
JSON 校验
即时校验 JSON,精确报出行列位置。缺逗号、键没加引号、尾逗号、非法转义都能查出来,别让坏 JSON 上线。
全部工具 →
JSON 对比
逐路径对比两个 JSON——新增、删除、变更的键,带前后值,全部本地完成。
全部工具 →
JSON Path 查询
用 $.user.name 或 $.items[0].id 这样的路径从 JSON 提取任意值——即时、容错,不用学 jq 语法。
全部工具 →
JSON ⇄ YAML 转换
JSON 与 YAML 双向互转——配置文件即用,支持方向切换接力,报错精确到问题所在。
全部工具 →
嵌入这个工具
一行代码把工具放到你的网站——它在访客的浏览器里运行。
<iframe src="https://zoyku.com/zh/tools/json-to-typescript?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-to-typescript" loading="lazy"></iframe>100% 本地处理