JSON 转 TS 在线工具 - 合并同构数组元素类型

JSON 转 TS 在线工具：https://yunhugongju.com/json-ts.html

JSON 转 TS 是云狐工具提供的一款免费在线工具，主打根据 JSON 样本自动生成 TypeScript 接口定义，合并同构数组元素类型。页面只有一块操作区，没有多余步骤，填好数据后即可得到结果。

功能上，页面支持数组元素字段取并集合并为同一类型；勾选字段可选后所有属性带问号；非法字段名自动加引号保证合法。联调拿到接口返回的 JSON 样本，手写对应的 TypeScript 接口既费时又容易漏字段。粘贴样本后自动生成 interface 定义，嵌套对象与数组元素拆成独立类型，数组元素字段取并集，可选字段自动加问号。

操作路径也很短：打开页面后粘贴接口返回的 JSON 样本到输入框，在右上角输入框改根接口名如 UserResponse，需要字段全部可空时勾选字段可选，最后点生成查看右侧结果，点复制拿进项目。过程全在本地完成，不会把内容上传到服务器，断网状态下同样可用。

适用的场景包括前端根据后端返回样本建类型文件、把爬虫输出样本转成 TS 类型便于处理和评审接口文档时快速核对字段结构。对前端、后端与测试来说，这类事单次耗时不长，但缺一个顺手的地方，所以它更适合作为一个随手可用的固定入口，需要时点开即用。

有几个细节值得提前知道。不少人会问「生成的类型能直接用吗」，可以，字段名非法时会自动加引号，空数组会标注为 any 数组；建议把生成名按业务习惯改成语义化命名再提交。 还有人关心数组元素字段不一致怎么处理，取所有元素字段的并集合并成一个类型，例如有的元素缺 price 字段，合并后仍会包含 price，使用时注意判空。

整体来看，JSON 转 TS 更适合前端、后端与测试日常使用：界面直接、结果即时，需要处理开发调试类需求时点开就能用，处理完关掉页面即可。即使只是偶尔遇到一次，直接搜索进去用一下也不吃亏。