Chuyển JSON sang interface TypeScript

Tạo interface hoặc type alias TypeScript từ mẫu JSON, có khóa tùy chọn, kiểu union với null và kiểu lồng nhau suy ra từ mảng. Miễn phí và riêng tư.

JSON đầu vào

Mở tệp

Tên kiểu gốc

Kiểu đầu ra

Mã TypeScript

Khóa thiếu ở một số phần tử mảng trở thành tùy chọn (?), giá trị null thành "| null", giá trị luôn là null thành unknown.

Chạy hoàn toàn trong trình duyệt. Dữ liệu của bạn không bao giờ bị tải lên.

Công cụ Liên quan

Xem Tất cả

Chuyển đổi mã màu Chuyển đổi hệ cơ số Chuyển văn bản sang nhị phân Chuyển nhị phân sang văn bản Bảng chữ cái NATO JSON sang Go struct JSON sang Python Chuyển đổi đơn vị

JSON sang TypeScript là gì?

Dán một phản hồi API hoặc mẫu cấu hình để nhận các khai báo interface (hoặc type) TypeScript dùng được ngay. Đối tượng lồng nhau trở thành các kiểu được export riêng, khóa thiếu ở một số phần tử mảng trở thành tùy chọn và giá trị null trở thành kiểu union.

Cách sử dụng JSON sang TypeScript

Dán mẫu JSON vào ô JSON đầu vào (hoặc nhấn Tải ví dụ / Mở tệp).
Đặt Tên kiểu gốc (mặc định là Root).
Chọn Kiểu đầu ra: interface hoặc bí danh type.
Sao chép mã TypeScript được tạo ra hoặc nhấn Tải xuống để lưu thành tệp.

Ví dụ

Đầu vào

{"id":1,"name":"A","tags":["x"]}

Đầu ra

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

Khi nào nên dùng JSON sang TypeScript

Dùng để nhanh chóng khai báo kiểu cho phản hồi fetch, fixture hoặc tệp cấu hình. Một mẫu duy nhất không thể cho thấy mọi trường hợp: enum dạng chuỗi, union của nhiều dạng đối tượng hay chuỗi ngày tháng vẫn chỉ là string/kiểu đã gộp, vì vậy hãy xem lại và tinh chỉnh kết quả, hoặc dùng công cụ sinh mã dựa trên JSON Schema cho các hợp đồng API.

JSON sang TypeScript hoạt động như thế nào

Mẫu JSON được duyệt đệ quy và mỗi vị trí ghi nhận các kiểu dữ liệu đã gặp. Mảng đối tượng được gộp thành một kiểu: khóa thiếu ở một số phần tử trở thành tùy chọn, khóa có giá trị null ở đâu đó trở thành nullable, số nguyên trộn với số thập phân trở thành kiểu số thực, và mọi trường hợp trộn kiểu khác sẽ dùng kiểu động. Đối tượng lồng nhau trở thành kiểu có tên riêng (tên khóa viết PascalCase, khóa mảng được chuyển về số ít: orders → Order), kèm hậu tố số khi trùng tên. Đầu ra TypeScript ánh xạ số nguyên và số thập phân thành number, chuỗi thành string, boolean thành boolean, mảng thành T[], giá trị nullable thành T | null và giá trị động thành unknown. Khóa không phải định danh hợp lệ được đặt trong dấu nháy ("first-name": string).