工具箱图标
XTools
Blog
/
JSON 格式化与 YAMLXML 格式化代码格式化与压缩JSON 转 TypeScriptMarkdown 与 HTML 互转Mermaid 图表编辑器正则表达式测试JWT 解码UUID 生成器编码与解码Cron 表达式生成cURL 命令生成Meta 标签生成PX 转 REM 与行高CSS 生成器Chmod 权限计算

© 2026 XTools. 保留所有权利.

隐私政策联系我们

    JSON 转 TypeScript

    根据 JSON 示例生成 TypeScript 接口或 Zod 结构
    • 文件不会离开你的设备
    • 在浏览器本地运行
    • 免费、免注册、无水印
    1
    1

    同一数组中的对象会被合并:部分元素缺少的键变为可选,值类型不同则生成联合类型。结构相同的对象共用一个类型。

    相关工具

    • JSON 格式化与 YAML
    • XML 格式化
    • 代码格式化与压缩
    • Markdown 与 HTML 互转
    • Mermaid 图表编辑器
    • 正则表达式测试
    • JWT 解码
    • UUID 生成器
    • 编码与解码
    • Cron 表达式生成
    • cURL 命令生成
    • Meta 标签生成
    • PX 转 REM 与行高
    • CSS 生成器
    • Chmod 权限计算

    如何使用JSON 转 TypeScript

    粘贴一段 JSON 示例,生成 TypeScript 接口、Zod 结构或 JSON Schema。数组里的对象会合并:部分元素缺少的键变成可选,类型不一致的值变成联合类型。全程在浏览器本地完成。

    1. 1

      把 JSON 示例粘贴到 JSON 框里,或拖入文件、点击「示例」。

    2. 2

      选择输出:TypeScript、Zod 或 JSON Schema,并填写「根类型名」。

    3. 3

      设置「null 值」的写法;生成 TypeScript 时还可以在「声明方式」里选 interface 或 type。

    4. 4

      按需打开「识别日期字符串」「只读属性」或「禁止额外属性」,然后复制或下载结果。

    常见问题

    JSON 会被发送出去吗?

    不会。类型在浏览器里生成,即使是带真实数据的接口返回值也只留在你的设备上。

    数组里对象的字段不一致怎么办?

    会合并成一个类型:部分元素缺少的键变为可选,值类型不同的键变为联合类型,结构完全相同的对象共用一个类型。

    「T | null」和「可选 + null」有什么区别?

    「T | null」表示键必须存在但值可以是 null;「可选 + null」还允许整个键缺省,适合会省略 null 字段的接口。

    能识别日期吗?

    打开「识别日期字符串」后,ISO 8601 格式的字符串在 TypeScript 中会加注释,在 Zod 中使用 datetime 校验,在 JSON Schema 中加上 format。

    带注释或尾随逗号的 JSON 能用吗?

    能。输入按宽松模式解析,注释、尾随逗号和 JSON5 语法都可以,发生这种情况时会有提示。