JSON sang TypeScript
Tạo interface TypeScript từ một mẫu JSON, với kiểu lồng nhau, mảng và trường tùy chọn. Chạy trong trình duyệt của bạn.
Công cụ liên quan
Cách dùng JSON sang TS
- 01
Dán một đối tượng hoặc mảng JSON.
- 02
Tùy chọn đặt tên interface gốc.
- 03
Sao chép các interface TypeScript đã tạo.
Bộ sinh mã này làm gì
Đây là bộ sinh TypeScript từ JSON, suy ra một bộ interface từ một đối tượng hay mảng JSON mẫu, để bạn dán một phản hồi API vào và nhận ngay các kiểu dùng được thay vì phải viết tay.
Nó tiết kiệm rất nhiều thời gian khi bạn dùng một API hay một tệp cấu hình: hãy dán phản hồi vào, đặt tên cho interface gốc nếu muốn, rồi chép phần TypeScript sạch sẽ thẳng vào mã của bạn.
Việc sinh mã chạy hoàn toàn trong trình duyệt của bạn, nên dữ liệu không bao giờ rời khỏi thiết bị, điều rất quan trọng khi bản mẫu chứa giá trị thật.
Nó xử lý các dạng dữ liệu thực tế thế nào
Nó xử lý được những dạng dữ liệu thực tế: các đối tượng lồng nhau trở thành interface riêng có tên và được tham chiếu từ đối tượng cha, các mảng đối tượng được gộp thành một interface, và các kiểu hợp được tạo ra ở những chỗ giá trị khác nhau.
Trường tùy chọn trong các mảng hỗn hợp
Khi các đối tượng trong một mảng không có cùng bộ khóa, những khóa thiếu ở một số phần tử được đánh dấu tùy chọn bằng dấu hỏi, đúng với cách dữ liệu thực sự hành xử và giữ cho các kiểu trung thực.
Nó suy luận chứ không áp đặt một lược đồ
Một điểm quan trọng: nó suy ra hình dạng từ đúng một mẫu bạn đưa vào chứ không áp đặt một lược đồ. Nếu trong dữ liệu thật một trường đôi khi là null hoặc vắng mặt mà mẫu của bạn không có, kiểu được sinh ra sẽ không biết điều đó, nên hãy dùng một mẫu tiêu biểu.
Câu hỏi thường gặp
Các đối tượng lồng nhau được xử lý như thế nào?
Mỗi đối tượng lồng nhau trở thành interface có tên riêng, được tham chiếu từ đối tượng cha, nên kết quả gọn gàng và tái sử dụng được.
Còn các mảng có hình dạng khác nhau thì sao?
Các mảng đối tượng được hợp nhất thành một interface, và các khóa thiếu ở một số phần tử được đánh dấu tùy chọn. Mảng các kiểu nguyên thủy hỗn hợp trở thành kiểu phần tử union.
JSON của tôi có được tải lên đâu không?
Không. Các kiểu được tạo hoàn toàn trong trình duyệt của bạn, nên dữ liệu của bạn không bao giờ rời khỏi thiết bị.