Trình tạo JSON sang TypeScript miễn phí
Dán API hoặc cấu hình JSON và tạo giao diện TypeScript ngay lập tức. Các đối tượng lồng nhau trở thành giao diện được đặt tên; các đối tượng mảng không đồng đều đánh dấu các khóa bị thiếu là tùy chọn. Chạy hoàn toàn trong trình duyệt của bạn.
Cách sử dụng công cụ này
- 1
Mở JSON sang TypeScript
Tạo giao diện từ API JSON mẫu.
- 2
Dán JSON và đặt tên gốc
Chọn tên loại gốc và có xuất giao diện hay không.
- 3
Sao chép TypeScript
Sao chép các loại được tạo vào dự án của bạn.
Thông tin nhanh
| Chạy cục bộ? | Có — suy luận chỉ chạy trong trình duyệt của bạn. |
|---|---|
| Có gì được tải lên không? | Không. JSON vẫn ở trong tab này. |
| Thuộc tính tùy chọn? | Khi các đối tượng mảng bỏ qua các khóa, các thuộc tính đó được đánh dấu là tùy chọn. |
| Ghép nối với trình định dạng JSON? | Trước tiên, hãy sử dụng trình định dạng JSON nếu tải trọng của bạn được rút gọn trên một dòng. |
Các trường hợp sử dụng phổ biến
- Suy ra các giao diện TypeScript từ JSON, các kiểu lồng nhau, các khóa tùy chọn, chuyển đổi xuất - chỉ cục bộ.
- Chạy cục bộ?: Có — suy luận chỉ chạy trong trình duyệt của bạn.
- Có gì được tải lên không?: Không. JSON vẫn ở trong tab này.
- Thuộc tính tùy chọn?: Khi các đối tượng mảng bỏ qua các khóa, các thuộc tính đó được đánh dấu là tùy chọn.
- Ghép nối với trình định dạng JSON?: Trước tiên, hãy sử dụng trình định dạng JSON nếu tải trọng của bạn được rút gọn trên một dòng.
Câu hỏi thường gặp
Nó có phát ra các lớp học không?▾
Không — chỉ có giao diện và bí danh loại, sẵn sàng dán vào tệp .ts.
Các loại công đoàn?▾
Các loại giá trị hỗn hợp trong cùng một trường trở thành loại kết hợp (ví dụ: chuỗi | số).
Mảng trống?▾
Chúng suy luận là không xác định[] cho đến khi bạn thêm phần tử mẫu.
JSON có giá trị rỗng?▾
null trở thành kiểu chữ null trong các hiệp hội khi cần thiết.
Độ chính xác nghiêm ngặt?▾
Đầu ra là nỗ lực tốt nhất từ các mẫu - xem xét trước khi sản xuất API.
Tệp JSON lớn?▾
Tải trọng rất lớn có thể làm chậm tab; tách hoặc tỉa cho những cây lớn.