JSON sang TypeScript

Công cụ làm gì

Công cụ tạo JSON sang TypeScript đọc một mẫu JSON, như phản hồi API hoặc tệp cấu hình, rồi viết các interface TypeScript mô tả nó. Thay vì gõ tay từng trường, bạn dán một phản hồi thật và nhận được kiểu dùng ngay trong mã, cho kết quả fetch, state của Redux hay dữ liệu kiểm thử.

Công cụ xem xét mọi giá trị chứ không chỉ giá trị đầu tiên. Số thành number, văn bản thành string, đối tượng lồng nhau có interface riêng và các phần tử mảng được gộp lại, nên trường chỉ xuất hiện ở một số phần tử được đánh dấu tùy chọn, còn trường đôi khi là null được gán kiểu có thể null.

Cách sử dụng

1. Dán JSON vào ô nhập, tải lên tệp .json hoặc bấm Ví dụ.
2. Đặt tên kiểu gốc và chọn phong cách: interface hay type, null viết là | null hay trường tùy chọn, thuộc tính readonly và có thêm export cho mỗi khai báo hay không.
3. Sao chép TypeScript hoặc tải xuống dưới dạng tệp .ts.

JSON không hợp lệ được báo kèm dòng và cột gây lỗi để bạn sửa mẫu ngay.

Ví dụ

JSON này:

{ "id": 7, "name": "Ada", "tags": ["admin"], "manager": { "id": 1, "email": null } }

trở thành các khai báo sau:

export interface Root {
  id: number;
  name: string;
  tags: string[];
  manager: Manager;
}

export interface Manager {
  id: number;
  email: null;
}

Mẹo

• Một mẫu chỉ thể hiện những gì nó chứa. Nếu một trường có thể là chuỗi hoặc null, hãy đưa vào ví dụ cho cả hai, hoặc đặt nhiều mẫu vào một mảng để chúng được gộp.
• Tên trường không phải định danh hợp lệ, như first-name, được viết trong dấu ngoặc kép nên kết quả luôn biên dịch được.
• Kết quả chỉ là điểm khởi đầu. Hãy thu hẹp trường chuỗi thành kiểu hợp của literal hoặc Date khi bạn biết nhiều hơn mẫu.
• Cần Go? Công cụ chuyển JSON sang Go dùng cùng cách suy luận để viết struct kèm thẻ json.