⭐ 0
🔍
văn bản Hình ảnh PDF & Tài liệu Âm thanh Âm nhạc Điện tử Thời gian Tiện ích Trình xác nhận Huyền học Trò chơi

Công cụ Chuyển đổi JSON sang TypeScript

Chuyển đổi JSON thành TypeScript interface, type alias hoặc Zod schema trực tiếp, với khả năng phát hiện trường tùy chọn thực sự trên toàn mảng.

🔒 Được xử lý hoàn toàn trong trình duyệt của bạn — không có nội dung nào bạn nhập ở đây được tải lên.

Đang xử lý... 0%

Kết quả

Viết tay TypeScript interface cho phản hồi JSON API thì chậm và dễ sai: đối tượng lồng nhau cần interface riêng, mảng cần kiểu phần tử, và một trường thỉnh thoảng bị thiếu cần được đánh dấu tùy chọn — bỏ sót bất kỳ điều nào thì trình biên dịch vẫn im lặng trong khi mã của bạn lệch khỏi hình dạng dữ liệu thực.

Bộ chuyển đổi này làm việc đó cho bạn. Dán bất kỳ đối tượng hoặc mảng JSON nào, và nó sẽ duyệt cấu trúc một cách đệ quy: một đối tượng lồng nhau trở thành interface có tên riêng, một mảng các đối tượng nhận được một interface phần tử với các trường được so sánh trên từng phần tử trong mảng đó — một trường chỉ có ở một số phần tử được đánh dấu bằng dấu ? ở cuối, và một trường đôi khi là null đôi khi là giá trị sẽ trở thành union string | null đúng thay vì chỉ là một trong hai.

Nút chuyển đổi định dạng chỉ thay đổi cách in cùng cấu trúc đã suy luận: một khối interface, một type alias, hoặc một Zod schema được xây dựng từ các lời gọi z.object(), z.array() và z.union() với .optional() và .nullable() ở những chỗ phù hợp. Bản thân Zod là một gói npm riêng biệt (npm install zod) — công cụ này chỉ viết mã nguồn schema, nó không cài đặt gì cho bạn.

Mọi thứ chạy cục bộ trong trình duyệt của bạn ngay khi bạn gõ hoặc dán, không có nút gửi và không tải lên — tiện lợi cho các dữ liệu chứa thông tin khách hàng thực. Để làm việc với chính văn bản JSON thay vì các kiểu được suy luận, hãy xem công cụ định dạng JSON để làm đẹp hoặc nén nó và công cụ kiểm tra JSON để xác định lỗi cú pháp trước khi chuyển đổi.

Thích công cụ này? Nghĩ sản phẩm này hữu ích? Thấy tiềm năng và muốn ủng hộ?

🛡️
Thực thi trong Trình duyệt

File và dữ liệu đầu vào của bạn không bao giờ rời khỏi thiết bị này. Xử lý hoàn toàn ngoại tuyến. Bảo mật 100%.

Định dạng & Quy tắc chấp nhận

  • Suy luận đệ quy một interface có tên cho mỗi đối tượng lồng nhau và mỗi mảng các đối tượng.
  • Hợp nhất hình dạng phần tử mảng theo từng trường, để một trường chỉ có mặt ở một số phần tử sẽ trở thành tùy chọn.
  • Chuyển đổi trực tiếp theo từng phím bấm, với JSON không hợp lệ được báo lỗi ngay trong trang thay vì làm sập trang.

Lợi ích chính

✓ 100% ngoại tuyến: dữ liệu JSON và các kiểu được tạo ra không bao giờ rời khỏi thiết bị này.
✓ Phát hiện trường tùy chọn thực sự: so sánh từng đối tượng trong mảng và đánh dấu những trường bị thiếu ở một số phần tử là tùy chọn, không phải phỏng đoán.
✓ Ba định dạng đầu ra từ cùng một bộ suy luận: TypeScript interface, type alias hoặc Zod schema sẵn sàng để dán vào.

Trường hợp sử dụng

  • • Dán phản hồi từ API REST hoặc GraphQL và nhận ngay interface có kiểu trong vài giây, thay vì phải viết thủ công từng trường một rồi bỏ sót trường tùy chọn.
  • • Kiểm tra xem một trường mà frontend của bạn phụ thuộc vào có thực sự xuất hiện trên mọi bản ghi không: dán vào một mảng bản ghi mẫu và xem những trường nào được công cụ đánh dấu là tùy chọn (?) do một số phần tử bị thiếu chúng.
  • • Tạo trực tiếp Zod schema từ một mẫu payload để kiểm tra tính hợp lệ của JSON không đáng tin (webhooks, API bên thứ ba, tệp người dùng tải lên) khi chạy, chứ không chỉ lúc biên dịch.