小丫开发工具站
返回工具合集
JSON转TS接口在线工具
粘贴JSON数据一键生成TypeScript接口定义，支持数组、嵌套对象，前端本地处理不传输源码
订单数据示例
文章接口返回
系统配置JSON
多层嵌套JSON
根接口名称：
添加export导出
全部属性可选
属性只读readonly
使用type代替interface
📥 JSON源码输入区域
格式化JSON
清空内容
{ "orderId": 68215, "orderTitle": "春季办公套装", "payAmount": 268.5, "isPaid": true, "goodsList": [ { "goodsId": 1024, "goodsName": "人体工学键盘", "skuCode": "KB-2026-A", "buyCount":1 } ], "receiverInfo": { "userName": "王小乐", "phone": "13800138000", "addressDetail": "上海市长宁区XX街道XX小区" }, "createTime": "2026-10-15T14:20:10Z" }
📤 TypeScript类型输出
复制代码
下载ts文件
工具使用说明
在线JSON转TS类型工具可以快速将后端接口返回JSON，生成TypeScript interface或者type类型定义，省去手动编写TS类型的工作量。
支持解析单层对象、数组结构以及多层嵌套JSON，自动识别字符串、数字、布尔、null等基础数据类型。
可自定义根接口名称，支持开启export导出、全部属性可选、readonly只读、切换type/interface模式。
所有解析运算在浏览器本地执行，JSON源码不会上传服务器，保护项目接口数据安全。
适合前端开发对接后端API、编写请求类型、TS项目接口类型批量生成，提升开发效率。
粘贴JSON后工具实时自动转换；JSON格式存在语法错误时会在输入框下方提示错误信息。
支持一键复制生成的TS代码，或者直接下载为typescript文件保存本地使用。
操作完成