欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Json对象转Ts类

程序员文章站 2023-10-16 08:14:54
一 目标 推荐一款在线将Json对象转换为Ts类的工具:https://apihelper.jccore.cn/jsontool 可以帮助前端开发人员提高开发效率。 二 背景 Json是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。所以Json成为了前后端交互使用的主要格式。 ......

一 目标

推荐一款在线将json对象转换为ts类的工具:

可以帮助前端开发人员提高开发效率。

二 背景

json是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。所以json成为了前后端交互使用的主要格式。

typescript作为一种前端开发语言,应用也越来越广,前端angular开发框架就是以typescript进行构建的。

在前后端数据交互过程中,后端接口返回json格式数据,前端需要使用相应的ts类对象去接收。类的属性要保持一致。

此时,如果后端提供了样例数据,或已有接口返回的json格式数据,有没有一种方法可以帮助我们,从json格式数据,生成ts类呢?

于是就有了json format 在线格式化工具。

三 主要功能介绍

Json对象转Ts类

1.查看json对应ts类

将待格式化的json串复制粘贴到中间编辑区域。

点击右侧viewts即查看当前json对应的typescript类。

Json对象转Ts类

2.格式化json字符串

将待格式化的json串复制粘贴到中间编辑区域。

点击右侧format即可以将字符串格式化为json格式。

3.查看json原字符串

点击viewstring,即可将已格式化的json串,去掉空格和换行,转换为一个字符串。

其实都是比较简单的功能,就不 一 一 介绍了。

四.其它

如果觉得功能实用就收藏一下吧。在线json格式化工具:

本工具集成在jcapihelper中,使用angular开发,引入ant design 的ng-zorro ui框架,大家可以去github查看工具源码,欢迎关注。

jcapihelper源码:

关于jcapihelper介绍,请点击

如有问题或建议,欢迎留言指教.