跳至内容

Jixun's Blog 填坑还是开坑,这是个好问题。

一键转换 Json 数据 至 TypeScript Interface 结构

用法很简单,把获取到的 Json 数据拷贝进去,单击转换,生成可供 TypeScript 使用的 Interface 接口。

样例输入:

{
  "url": "https://jixun.moe/",
  "posts": [
    { "title": "日记", "date": "2016.06.08" },
    { "title": "随笔", "date": "2016.06.09" }
  ],
  "last-update": 1465388410306
}

样例输出:

interface IUnknown {
  url: string;
  posts: IPost[];
  "last-update": number;
}


/* 自动生成的 Interface */

interface IPost {
  title: string;
  date: string;
}

生成的名字可能有点蠢,在 IDE 批量更名即可。

例如 Visual Studio Code,光标移动到变量名按下 F2 更名即可。

链接:Json 对象 → TypeScript Interface 在线转换器

知识共享许可协议 本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。

评论区