jsonecho

JSON sang TypeScript

Dán ví dụ JSON để tạo các kiểu TypeScript tương ứng.

Đang tải công cụ...

Cách dùng JSON sang TypeScript

  1. Dán một ví dụ JSON đại diện cho dữ liệu của bạn, tốt nhất là đã điền cả các trường không bắt buộc.
  2. Đặt tên kiểu gốc và chọn tạo thêm mã hỗ trợ hay chỉ tạo các kiểu dữ liệu.
  3. Sao chép mã TypeScript đã tạo vào dự án.

Về JSON sang TypeScript

Viết thủ công các lớp mô hình cho lượng dữ liệu JSON lớn khá nhàm chán và rất dễ gõ sai. Dán ví dụ vào đây, công cụ sẽ xác định cấu trúc: có những trường nào, trường nào là đối tượng hay mảng và mỗi giá trị có kiểu gì. Kết quả có một interface cho mỗi đối tượng. Bỏ chọn "Chỉ kiểu dữ liệu" để thêm lớp Convert có kiểm tra dữ liệu khi chạy.

Interface chỉ tồn tại trong lúc biên dịch. Giữ lại lớp Convert nếu cần kiểm tra dữ liệu đầu vào khi chương trình chạy. Mọi thứ chạy trong trình duyệt nên dữ liệu ví dụ vẫn nằm trên thiết bị của bạn.

Sử dụng mã đã tạo

Chất với: const data: Root = JSON.parse(text), hoặc sử dụng các sản phẩm Convert.toRoot(text) để xác nhận.

Các thuộc tính tùy chọn được viết bằng dấu câu hỏi, và những thuộc tính không có bằng cách string | null.

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

Mã TypeScript được tạo cần những thư viện hay thành phần nào?

Kết quả có một interface cho mỗi đối tượng. Bỏ chọn "Chỉ kiểu dữ liệu" để thêm lớp Convert có kiểm tra dữ liệu khi chạy.

Làm thế nào để phân tích JSON với kết quả?

Chất với: const data: Root = JSON.parse(text), hoặc sử dụng các sản phẩm Convert.toRoot(text) để xác nhận.

Trường không bắt buộc và trường bị thiếu được xử lý thế nào?

Các thuộc tính tùy chọn được viết bằng dấu câu hỏi, và những thuộc tính không có bằng cách string | null.

Công cụ có xem nhiều hơn một bản ghi không?

Công cụ chỉ biết những gì có trong ví dụ của bạn. Trường không có trong ví dụ sẽ không xuất hiện trong các kiểu được tạo. Nếu một giá trị là null, công cụ không xác định được kiểu của nó. Dán ví dụ có càng nhiều trường được điền càng tốt, hoặc dán một mảng gồm nhiều bản ghi khác nhau.

Dữ liệu JSON của tôi có được gửi lên máy chủ không?

Không. Ở lần dùng đầu tiên, công cụ được tải vào trình duyệt, khoảng 1 MB. Sau đó mọi thứ chạy ngay trên thiết bị.

Thêm công cụ trong Từ dữ liệu sang lớp

Tất cả công cụ →