免費線上 JSON 到 TypeScript 生成器
停止 API 回應的手寫介面。貼上 JSON 並取得 TypeScript 接口,其中嵌套物件分為單獨的類型和自動推斷的陣列元素形狀。
命名您的根接口,將輸出複製到您的專案中,並將其與 fetch 或 HTTP 用户端一起使用以實現完全類型安全。一切都在瀏覽器的客户端運作。
Frequently Asked Questions
What TypeScript types are generated?
Primitive JSON values map to string, number, boolean, and null. Arrays become Type[] with the element type inferred from the first item. Objects become interfaces with named properties. Nested objects generate separate interface definitions.
How are optional fields handled?
Properties present in the sample JSON are included as required fields. If you need optional fields, add them to your sample JSON with null values, or manually add ? to the generated interface properties.
Can I name the root interface?
Yes. Set a custom root interface name before generating. Nested interfaces are named automatically based on property names (e.g., Address for an address object).
Does this handle union types?
The generator infers types from a single sample. If a field can be string or number, provide samples that include both variants, or manually adjust the generated type to a union (string | number).
Is the output compatible with strict TypeScript?
Yes. Generated interfaces use standard TypeScript syntax compatible with strict mode. Review nullable fields - JSON null maps to null in the type, not undefined. Adjust to field?: Type | null if needed.