开发调试

从 JSON 生成 TypeScript 类型,哪些地方要人工补

极捷工具编辑 · 更新于

JSON 转 TypeScript 能根据样例推断结构,但样例只展示了某一种数据形态。字段是否可选、枚举范围和数组可能包含哪些类型,仍需结合接口约定补全。

打开JSON转TypeScript类型

操作步骤

  1. 输入有代表性的有效 JSON,包含对象与至少一个数组元素。
  2. 生成类型,检查属性名、数组元素及嵌套对象。
  3. 把结果放入项目,补充可选字段和联合类型,再运行类型检查。

跟着示例试一次

样例 {"id":1,"name":"demo","tags":["web"]} 可推断 id 为 number、name 为 string、tags 为 string[]。如果接口允许 name 为 null,需要手动加入 null。

怎样确认结果正确

用另一份真实结构相同但取值不同的脱敏样例测试,确保生成类型不是只适用于第一份数据。

常见问题与边界

空数组无法充分说明元素类型。TypeScript 类型不会在运行时校验接口响应,重要输入还需要运行时验证。