Chuyển JSON sang TypeScript

Biến một mẫu JSON — phản hồi API, tệp cấu hình, dữ liệu mẫu — thành TypeScript interface để dán vào code của bạn. Object lồng nhau có kiểu riêng được đặt tên, và sự khác nhau giữa các phần tử trong mảng trở thành trường tùy chọn hoặc union type.

Chạy trong trình duyệt — không có dữ liệu nào bạn nhập bị tải lên

Đầu ra

Tên kiểu gốc

Dùng type thay cho interface

Cách sử dụng

Dán một mẫu JSON, hoặc nhấn Tải ví dụ.
Đặt tên cho kiểu gốc.
Chọn interface hoặc type alias.
Sao chép hoặc tải các kiểu đã tạo.

Giải thích tùy chọn

Tên kiểu gốc: Tên của kiểu cấp cao nhất, ví dụ User hoặc ApiResponse. Kiểu lồng nhau được đặt tên theo khóa — address thành Address, và phần tử trong posts thành Post.
Dùng type thay cho interface: Tạo type alias (type User = { … }) thay vì interface. Cả hai hoạt động như nhau với dữ liệu thông thường.

Ví dụ

{"id": 1, "tags": ["a"], "owner": {"name": "Ada"}} trở thành:

export interface Owner {
  name: string;
}

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

Câu hỏi thường gặp

Mảng object được xử lý thế nào?

Mọi phần tử được gộp thành một kiểu. Khóa chỉ xuất hiện ở một số phần tử sẽ thành tùy chọn (key?), và giá trị đôi khi là null sẽ thành union như string | null.

Vì sao một trường lại có kiểu unknown?

Mẫu chỉ chứa null cho trường đó, nên không thể suy ra kiểu thật. Hãy thay unknown bằng kiểu đúng, hoặc dán một mẫu có giá trị cho trường đó.

Số nguyên và số thập phân có phải kiểu khác nhau không?

Không, trong TypeScript cả hai đều là number. Kết quả cho Go, Rust và Python thì phân biệt hai kiểu này.

JSON của tôi có bị tải lên không?

Không. Các kiểu dữ liệu được tạo ngay trong trình duyệt, nên phản hồi API chứa dữ liệu thật vẫn ở trên thiết bị của bạn.

Quyền riêng tư

Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Tệp và văn bản được xử lý ngay trên thiết bị và không bao giờ được tải lên máy chủ của chúng tôi.