How to turn JSON into TypeScript
- Paste a sample of the JSON, such as an API response.
- Name the main type, and choose interface or type.
- Copy the result into your project. It updates as you type.
Need to check the JSON first? Use the JSON formatter.
JSON till TypeScript
Gör om ett JSON-exempel, som ett API-svar, till TypeScript-interfaces eller typer, med nästlade typer och valfria fält.
Frequently asked questions
How are the types worked out?
From your sample JSON: strings, numbers and booleans become string, number and boolean; nested objects get their own interface named after their key; arrays become lists of the types inside them. If objects in an array don't all have a key, it becomes optional (key?).
What happens with null?
A key that's null in the sample becomes the type null (or, combined with other values in an array, for example string | null). Paste a sample with real values where you can, for more useful types.
Interface or type?
Both describe the same shapes. Interfaces can be extended and merged, and are the usual choice for object shapes; types can also describe unions. Pick what your codebase uses.
Is my JSON uploaded?
No. The types are made in your browser.
Relaterade verktyg
- SQL-formaterare Formatera SQL-frågor så att de blir lätta att läsa, i MySQL, PostgreSQL, SQL Server, SQLite, Oracle, BigQuery med flera, eller minifiera dem till en rad.
- YAML till JSON Konvertera YAML till JSON och JSON till YAML, med fel angivna per rad och kolumn.
- Kodminifierare Minifiera JavaScript, CSS och HTML för mindre filer och snabbare sidor, och se hur mycket du sparar.
- Markdown-redigerare Skriv Markdown med förhandsvisning i realtid och ett formateringsfält, och kopiera HTML eller ladda ner som .md eller .html.
- HTML till Markdown Gör om HTML, eller formaterad text inklistrad från en webbsida eller ett dokument, till ren Markdown med tabeller och kodblock.
- XML-formaterare Formatera XML med snygga indrag eller minifiera den, och kontrollera att den är välformad, med raden för eventuella fel.
