JSON sang TypeScript
Dán một đoạn JSON mẫu, công cụ viết sẵn khai báo kiểu (interface) TypeScript tương ứng — khỏi phải gõ tay từng trường khi làm việc với dữ liệu API.
Cách tạo interface TypeScript từ JSON
- Dán JSON mẫu vào ô bên trái, khai báo TypeScript hiện ngay ở ô bên phải.
- Đổi tên kiểu ngoài cùng ở ô "Tên kiểu gốc" nếu muốn, ví dụ ApiResponse.
- Bấm nút sao chép rồi dán vào code của bạn.
Câu hỏi thường gặp
Dựa hoàn toàn vào dữ liệu bạn dán: chữ là string, số là number, true/false là boolean, còn đối tượng lồng bên trong được tách thành interface riêng.
Trường đó không phải lúc nào cũng có. Khi một mảng gồm nhiều đối tượng mà chỉ một số đối tượng có trường ấy, công cụ đánh dấu là tuỳ chọn.
Công cụ viết thành nhiều kiểu nối bằng dấu |, ví dụ string | number. Nếu có lúc giá trị là null, kiểu sẽ có thêm | null.
Mảng rỗng không có phần tử nào để công cụ nhìn ra kiểu. Bạn hãy tự sửa lại cho đúng, hoặc dán mẫu có dữ liệu trong mảng.
Theo tên trường, viết hoa chữ cái đầu (user_profile thành UserProfile). Phần tử của mảng thêm chữ Item phía sau, tên bị trùng thì thêm số 2, 3…
Không, nó chỉ chính xác theo mẫu bạn dán. Hãy dán mẫu đầy đủ, tốt nhất là có nhiều phần tử trong mảng và có cả trường hay bị thiếu, để kiểu bao được các trường hợp thật.
Không. JSON được xử lý ngay trên máy bạn.
Không. Công cụ hoàn toàn miễn phí, không cần đăng ký.
Công cụ liên quan
JSON sang JSON SchemaTạo JSON Schema từ một đoạn JSON mẫuJSON sang ZodTạo schema Zod từ JSON mẫuKiểm tra JSON SchemaKiểm tra dữ liệu JSON có khớp JSON Schema khôngJSON sang Go structTạo Go struct từ JSON mẫuJSON sang Python dataclassTạo dataclass hoặc Pydantic model từ JSONJSON sang Java classTạo class Java hoặc record từ JSON mẫuJSON sang Kotlin data classTạo data class Kotlin từ JSON mẫuEscape / Unescape JSONChuyển văn bản thành chuỗi JSON hợp lệ và ngược lạiĐịnh dạng JSONLàm đẹp, thu gọn và kiểm tra JSON