JSON 转 JavaScript 生成器

如何将 JSON 转换为 JavaScript – 分步指南

使用此 JSON 转 JavaScript 生成器，可从 JSON 示例生成 JSDoc 类型或易于运行时使用的模型，适用于 Node.js 与前端应用。

1. 步骤 1 – 粘贴 JSON 示例

   • 将具有代表性的 JSON 对象或数组粘贴到左侧编辑器中。
   • 尽量包含嵌套对象、数组和可为 null 的字段，方便正确推断类型。
   • 使用 导入 从文件、URL 或示例数据加载 JSON。

2. 步骤 2 – 选择 JavaScript 输出选项

   • 决定输出为普通对象、JSDoc typedef，或带辅助方法的类风格代码。
   • 明确可选字段的表达方式，并在类型/注释中体现。
   • 保持命名与项目一致（camelCase vs snake_case）。

3. 步骤 3 – 检查生成的代码

   • 确认字段命名、类型推断，以及数组/对象的映射方式是否符合预期。
   • 根据需要调整 根类型名称、空值处理策略以及可选的框架选项。
   • 如果某些字段推断不准确，优化示例 JSON 后重新生成。

4. 步骤 4 – 在 JS 项目中使用输出

   • 将输出复制到项目中，并在解析 JSON 的位置引用。
   • 若依赖动态类型，请在运行时增加校验，避免脏数据传播。
   • 考虑生成 JSON Schema 以统一契约与验证。

5. 步骤 5 – 复制或下载

   • 将输出复制到项目中，或下载为文件。
   • 运行格式化/代码检查工具，让代码风格与项目保持一致。
   • 若目标语言需要序列化/解析库，请在项目中添加相应依赖。

// JSON 输入
{
  "id": 123,
  "name": "Maeve Winters",
  "email": "[email protected]",
  "active": true,
  "roles": ["admin", "editor"],
  "metadata": { "plan": "pro" },
  "createdAt": "2024-03-01T10:15:00Z",
  "score": 99.5,
  "notes": null
}

// 生成的 JSDoc 类型（简化）
/**
 * @typedef {Object} Metadata
 * @property {string} plan
 */

/**
 * @typedef {Object} Root
 * @property {number} id
 * @property {string} name
 * @property {string|null} email
 * @property {boolean} active
 * @property {string[]} roles
 * @property {Metadata} metadata
 * @property {string} createdAt
 * @property {number} score
 * @property {null} notes
 */

相关 JSON 与 JavaScript 工具

探索更多可与本 JSON 转 JavaScript 生成器配合使用的 JSON 与 Schema 工具。