JSON 转 TypeScript Interface

Posted Angular完全开发手册

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSON 转 TypeScript Interface相关的知识,希望对你有一定的参考价值。

TypeScript 大法好。

但是每次将后端返回的 json 转成 interface ,真的心好累!

可是,现在有了 quicktype !

你可以直接在浏览器中打开它的网站,在线将 json 转成你喜欢的类型,包括 TypeScript Interface , Java 类,Go 结构体 。。。。

 
   
   
 
  1. https://app.quicktype.io/

这里是它的 git 仓库

 
   
   
 
  1. https://github.com/quicktype/quicktype

你可以通过 npm 安装它:

 
   
   
 
  1. npm install -g quicktype

这是后端返回的 json:

 
   
   
 
  1. {

  2.  "name": "How To Live Forever",

  3.  "artist": {

  4.    "name": "Michael Forrest",

  5.    "founded": 1982,

  6.    "members": [

  7.      "Michael Forrest"

  8.    ]

  9.  },

  10.  "tracks": [

  11.    {

  12.      "name": "Get Connected",

  13.      "duration": 208

  14.    }

  15.  ]

  16. }

转换成 typescript interface:

 
   
   
 
  1. export interface Album {

  2.    name:   string;

  3.    artist: Artist;

  4.    tracks: Track[];

  5. }

  6. export interface Artist {

  7.    name:    string;

  8.    founded: number;

  9.    members: string[];

  10. }

  11. export interface Track {

  12.    name:     string;

  13.    duration: number;

  14. }

Enjoy yourself!

以上是关于JSON 转 TypeScript Interface的主要内容,如果未能解决你的问题,请参考以下文章

编译TypeScript(TypeScript转JavaScript)

[转]TypeScript 引入js库

快速将C#类型转成TypeScript介面定义

Typescript 'keyof' 关键字在使用 react setState 函数时出错

typescript 怎么用js库

golang json序列化