Skip to content
Zoyku

JSON sang TypeScript

Sinh interface TypeScript từ JSON bất kỳ — đối tượng lồng nhau, mảng và union, sẵn sàng dán vào dự án của bạn.

Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu không bao giờ rời khỏi thiết bị — không được tải lên bất kỳ máy chủ nào.

Cách sử dụng

  1. 1Dán JSON của bạn (response API chạy tốt nhất).
  2. 2Đổi tên interface gốc nếu muốn gì khác ngoài Root.
  3. 3Sao chép các interface đã sinh vào dự án.

JSON sang TypeScript

Dán một response JSON và nhận interface có kiểu ngay lập tức: đối tượng lồng nhau thành interface có tên, mảng đối tượng gộp mọi phần tử thành một hình dạng, mảng hỗn hợp thành union. Tên gốc có thể đặt lại.

Sinh ra cho công việc API — dán response của endpoint, sao chép các kiểu, và để compiler bắt các thay đổi hình dạng thay bạn.

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

Mảng được xử lý thế nào?

Mảng đối tượng gộp khóa của mọi phần tử vào một interface (khóa thiếu lẽ ra đã là lỗi lúc chạy). Mảng kiểu hỗn hợp thành union như string | number. Mảng rỗng hạ xuống unknown[].

Mọi trường đều bắt buộc?

Có — một mẫu đơn không chứng minh được tính tùy chọn nên tất cả đều bắt buộc. Tự đánh dấu trường tùy chọn ở chỗ API của bạn cho phép null hay thiếu khóa.

Công cụ liên quan

Tất cả công cụ Lập trình viên →

JSON Formatter

Định dạng và làm đẹp JSON lộn xộn trực tuyến — 2 khoảng trắng, 4 khoảng trắng hay tab, kèm kiểm tra hợp lệ tức thì và vị trí lỗi chính xác. 100% trong trình duyệt.

Tất cả công cụ →

JSON Validator

Kiểm tra JSON tức thì với dòng và cột lỗi chính xác. Bắt thiếu dấu phẩy, khóa không quote, dấu phẩy thừa cuối và escape sai trước khi chúng làm hỏng ứng dụng.

Tất cả công cụ →

JSON Diff

So sánh hai tài liệu JSON theo từng đường dẫn — khóa thêm, khóa mất, giá trị đổi kèm giá trị trước/sau, tất cả chạy cục bộ.

Tất cả công cụ →

Truy vấn JSON Path

Rút bất kỳ giá trị nào từ JSON bằng đường dẫn như $.user.name hay $.items[0].id — tức thì, khoan dung, không cần học cú pháp jq.

Tất cả công cụ →

Chuyển đổi JSON ⇄ YAML

Chuyển JSON sang YAML và ngược lại — sẵn sàng cho file cấu hình, với nút hoán đổi để làm tiếp và thông báo lỗi chính xác.

Tất cả công cụ →

Nhúng công cụ này

Đưa công cụ này vào trang của bạn bằng một dòng — nó chạy trong trình duyệt của khách.

<iframe src="https://zoyku.com/vi/tools/json-to-typescript?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-to-typescript" loading="lazy"></iframe>
100% local processing