Trình tạo JavaScript từ JSON

Cách chuyển đổi JSON sang JavaScript – hướng dẫn từng bước

Sử dụng trình tạo JSON sang JavaScript này để tạo các loại JSDoc hoặc mô hình thân thiện với thời gian chạy từ các mẫu JSON cho Node.js và ứng dụng giao diện người dùng.

1. Bước 1 – Dán mẫu JSON

   • Dán đối tượng hoặc mảng JSON đại diện vào trình soạn thảo bên trái.
   • Bao gồm các đối tượng lồng nhau, mảng và các trường có thể rỗng để các kiểu được suy ra chính xác.
   • Sử dụng Import để tải JSON từ tệp, URL hoặc dữ liệu mẫu.

2. Bước 2 – Chọn tùy chọn đầu ra JavaScript

   • Quyết định xem bạn muốn các đối tượng đơn giản, typedef JSDoc hay các trình trợ giúp giống như lớp.
   • Xem lại cách trình bày các trường tùy chọn và ghi lại chúng một cách rõ ràng.
   • Giữ cách đặt tên nhất quán với cơ sở mã của bạn (camelCase vs snake_case).

3. Bước 3 – Xem lại mã được tạo

   • Kiểm tra tên trường, loại và cách mô hình hóa mảng/đối tượng.
   • Điều chỉnh các tùy chọn như Root Type Name, xử lý null và khung nếu có.
   • Nếu một trường được suy ra không chính xác, hãy điều chỉnh JSON mẫu của bạn và tạo lại.

4. Bước 4 – Sử dụng đầu ra trong dự án JS của bạn

   • Sao chép kết quả đầu ra vào dự án của bạn và kết nối nó ở nơi bạn phân tích cú pháp JSON.
   • Xác thực dữ liệu đầu vào trong thời gian chạy nếu bạn dựa vào kiểu gõ động.
   • Hãy cân nhắc việc tạo Lược đồ JSON để thực thi hợp đồng.

5. Bước 5 – Sao chép hoặc tải xuống

   • Sao chép đầu ra vào dự án của bạn hoặc tải xuống dưới dạng tệp.
   • Chạy trình định dạng/linter để phù hợp với kiểu mã của bạn.
   • Thêm thư viện phân tích cú pháp/tuần tự hóa JSON nếu ngôn ngữ của bạn yêu cầu chúng.

// đầu vào 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
}

// Generated JSDoc types (simplified)
/**
 * @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
 */

Các công cụ JSON & JavaScript liên quan

Khám phá thêm các công cụ JSON và lược đồ hoạt động hiệu quả cùng với trình tạo JSON sang JavaScript này.