Cách chuyển JSON thành interface TypeScript
Dán đối tượng hoặc mảng JSON và tạo interface TypeScript trên trình duyệt.
Vì sao tạo kiểu từ JSON?
Phản hồi API hiếm khi kèm kiểu. Suy ra interface từ dữ liệu JSON thật nhanh hơn viết tay và giúp bắt lỗi chính tả ở trường lồng nhau.
Các bước
1) Mở JSON → TypeScript. 2) Dán đối tượng hoặc mảng JSON đại diện vào khung bên trái. 3) Sao chép TypeScript từ khung bên phải — kết quả cập nhật khi bạn gõ. Mảng gốc tạo interface phần tử kèm `export type Root = RootItem[]`. Đối tượng lồng nhau có interface riêng; khóa chỉ xuất hiện ở một số phần tử được đánh dấu tùy chọn.
Ví dụ làm việc
[{"id":1,"name":"Ada"},{"id":2}] làm name tùy chọn trên kiểu phần tử vì object thứ hai bỏ trường. Số, boolean và null map sang primitive TypeScript. Đây là suy luận từ một mẫu, không phải trình biên dịch JSON Schema. JSON sai bị từ chối. JSON giả có thể cho payload mẫu trước.
Sai thường gặp
Suy kiểu từ một payload happy-path sẽ sót trường tùy chọn và union API thật trả về. null trong mẫu có thể thành kiểu quá hẹp. Không phải JSON Schema hay zod. Đóng tab với dump khách hàng thật.