⭐ 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

Trình chuyển đổi JSON sang TypeScript

Chuyển đổi JSON thành giao diện TypeScript, nhập bí danh hoặc lược đồ Zod trực tiếp, với khả năng phát hiện trường tùy chọn thực sự trên các mảng.

Đang xử lý... 0%

kết quả

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

Bộ chuyển đổi này thực hiện điều đó cho bạn. Dán bất kỳ đối tượng hoặc mảng JSON nào và nó duyệt cấu trúc theo cách đệ quy: một đối tượng lồng nhau trở thành giao diện được đặt tên riêng, một mảng đối tượng có giao diện phần tử với các trường được so sánh trên mọi mục trong mảng đó — một trường chỉ có trong một số mục được đánh dấu bằng dấu ?, và một trường đôi khi là null và đôi khi một giá trị xuất hiện dưới dạng một chuỗi thích hợp | liên kết null thay vì cái này hay cái kia.

Chuyển đổi định dạng chỉ chuyển đổi cách in cùng một cấu trúc được suy ra: khối giao diện, bí danh loại hoặc lược đồ Zod được xây dựng từ các lệnh gọi z.object(), z.array() và z.union() với .Optional() và .nullable() khi áp dụng. Bản thân Zod là một gói npm riêng biệt (npm install zod) — công cụ này chỉ ghi nguồn lược đồ, nó không cài đặt bất cứ thứ 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 nhập hoặc dán, không có nút gửi và không tải lên — tiện dụng cho các tải trọng chứa dữ liệu 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 ra của nó, hãy xem trình định dạng JSON để in đẹp hoặc thu nhỏ nó và trình xác thực JSON để xác định lỗi cú pháp trước khi bạn chuyển đổi.

🛡️
Thực hiện trong trình duyệt

Các tập tin và dữ liệu đầu vào của bạn sẽ không bao giờ rời khỏi thiết bị này. Quá trình xử lý chạy hoàn toàn ngoại tuyến. An toàn 100%.

Định dạng và quy tắc được chấp nhận

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

Lợi ích chính

✓ Ngoại tuyến 100%: tải trọng JSON của bạn và các loại được tạo 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 mọi đối tượng trong một mảng và đánh dấu các trường bị thiếu trong một số đối tượng là tùy chọn, không phải là phỏng đoán.
✓ Ba định dạng đầu ra từ một công cụ suy luận: giao diện TypeScript, bí danh loại hoặc lược đồ Zod sẵn sàng để dán.

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

  • • Dán phản hồi REST hoặc API GraphQL và nhận giao diện được nhập cho phản hồi đó trong vài giây, thay vì viết tay từng trường và thiếu giao diện tùy chọn.
  • • Kiểm tra xem trường mà giao diện người dùng của bạn dựa vào có thực sự xuất hiện trên mọi bản ghi hay không: dán một mảng bản ghi mẫu và xem trường nào công cụ đánh dấu là tùy chọn (?) vì một số mục thiếu chúng.
  • • Tạo lược đồ Zod ngay từ tải trọng mẫu để xác thực JSON không đáng tin cậy (webhooks, API của bên thứ ba, nội dung tải lên của người dùng) trong thời gian chạy chứ không chỉ ở thời gian biên dịch.