Chuyển đến nội dung

JSON sang TypeScript

JSON to TypeScript chuyển đổi mẫu JSON thành interface TypeScript và type alias ngay trong trình duyệt, với trường tùy chọn, suy luận union/null/Date, tên root và sao chép/tải xuống dạng .ts.

JSON

Ký tự

0 / 50,000

TypeScript

JSON sang TypeScript

Bắt đầu nhanh

1
Dán mẫu JSON hợp lệ vào trình soạn thảo bên trái.
2
Đặt tên kiểu gốc như ApiResponse nếu cần.
3
Xem TypeScript bên phải: đối tượng thành interface; mảng hoặc giá trị nguyên thủy thành type alias.
4
Sao chép hoặc tải xuống .ts đã tạo; vùng nhập cũng xử lý mẫu JSON.

Tình huống sử dụng phổ biến

Biến phản hồi API thật thành các mô hình TypeScript ban đầu cho trang frontend, SDK client hoặc kiểm thử tích hợp Sau đó bạn có thể sao chép, tải xuống hoặc xuất kết quả ngay.

Kiểm tra các array object hỗn hợp để xem trường tùy chọn và union type trước khi chốt hợp đồng API Sau đó bạn có thể sao chép, tải xuống hoặc xuất kết quả ngay.

Chuyển dữ liệu JSON giả lập thành định nghĩa kiểu nhanh cho fixture, Storybook hoặc prototype.

Xem lại các khai báo lồng nhau như User hoặc Meta khi hình dạng payload backend thay đổi Sau đó bạn có thể sao chép, tải xuống hoặc xuất kết quả ngay.

Gợi ý sử dụng

Sử dụng mẫu JSON đại diện. Đây là suy luận dựa trên mẫu nên các trường hoặc giá trị bị thiếu không thể xuất hiện trong đầu ra.
Array rỗng sẽ trở thành unknown[] và object rỗng sẽ trở thành interface mở rộng Record<string, unknown> cho đến khi bạn cung cấp dữ liệu mẫu phong phú hơn.
Tên khai báo lồng nhau được chuẩn hóa từ tên thuộc tính, vì vậy đầu ra mới thường dùng các tên như User hoặc Meta thay vì dạng cũ có tiền tố từ root.
Việc tạo chỉ chạy với JSON hợp lệ. Hãy sửa lỗi cú pháp trước; trình soạn thảo sẽ hiển thị dòng và cột khi parse thất bại.
Tên root tùy chỉnh hợp lệ sẽ được giữ nguyên; tên không hợp lệ sẽ được chuẩn hóa thành identifier PascalCase TypeScript hợp lệ.

Loại ranh giới suy luận

Trình tạo suy luận từ mẫu hiện tại, không phải từ Lược đồ JSON, Open API, GraphQL, tệp, URL, Dòng JSON hoặc mẫu lô.
Mảng hợp nhất các hình dạng mục được quan sát: các trường bị thiếu trong một số mục trở thành tùy chọn và các giá trị null hoặc hỗn hợp trở thành hợp nhất.
Các chuỗi giống ngày có thể được suy ra là Ngày, nhưng giá trị JSON thời gian chạy vẫn là một chuỗi trừ khi mã của bạn phân tích cú pháp chuỗi đó.
Rễ đối tượng tạo giao diện; mảng và gốc nguyên thủy tạo ra bí danh kiểu; mảng trống sử dụng không xác định [] và các đối tượng trống mở rộng Bản ghi <chuỗi, không xác định>.
Tên gốc mặc định là Root. Tên tùy chỉnh hợp pháp được giữ nguyên, trong khi tên không hợp lệ và từ dành riêng được chuẩn hóa thành PascalCase.
Đầu ra chỉ là các khai báo TypeScript tĩnh: không có trình xác thực thời gian chạy, trình phân tích cú pháp, trình tuần tự hóa, lược đồ Zod/Yup/io-ts hoặc ứng dụng khách API.

Giới hạn & khả năng tương thích

Công cụ này suy ra các loại từ dữ liệu mẫu, không phải từ lược đồ chính thức hoặc nguồn hợp đồng đáng tin cậy. Không thể đoán được các trường bị thiếu trong mẫu của bạn.
Đầu vào phải là JSON nghiêm ngặt. Comment, dấu phẩy cuối và các cú pháp chỉ có trong JavaScript sẽ bị từ chối.
Mã TypeScript được tạo không bao gồm câu lệnh export. Việc tải xuống tệp .ts tách biệt với việc thêm từ khóa export mà dự án có thể cần.
Kết quả chỉ là mã TypeScript tĩnh. Nó không tạo trình xác thực thời gian chạy, trình phân tích cú pháp, trình tuần tự hóa, lược đồ Zod hoặc ứng dụng khách API.

Quyền riêng tư & bảo mật

JSON sang TypeScript chạy cục bộ trong trình duyệt. Dữ liệu JSON đầu vào có thể được giữ như bản nháp của trình duyệt. Nếu bật không gian làm việc đã lưu hoặc đồng bộ WebDAV, dữ liệu JSON đầu vào, tên kiểu gốc, tùy chọn số dòng đầu vào/đầu ra và tùy chọn xuống dòng có thể được lưu qua đồng bộ đó. TypeScript được tạo, lỗi kiểm tra, tô sáng dòng/cột, trạng thái sao chép và lịch sử hoàn tác được suy ra từ dữ liệu hiện tại và không được lưu thành dữ liệu kết quả riêng. Tải xuống JSON đầu vào và tải xuống đầu ra .ts chỉ được tạo khi bạn bấm Download. Công cụ này không tải tệp lên và không tạo tệp đính kèm.

Câu hỏi thường gặp

6

Tiếp tục bước tiếp theo với các công cụ liên quan này.

Toàn bộ quá trình xử lý của công cụ diễn ra cục bộ trong trình duyệt của bạn.