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 para TypeScript
Transforme um exemplo de JSON, como a resposta de uma API, em interfaces ou types TypeScript, com tipos aninhados e campos opcionais.
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.
Ferramentas relacionadas
- Formatador de SQL Formate consultas SQL para ficarem fáceis de ler, em MySQL, PostgreSQL, SQL Server, SQLite, Oracle, BigQuery e mais, ou minifique em uma linha.
- Conversor de YAML para JSON Converta YAML para JSON e JSON para YAML, com os erros mostrados por linha e coluna.
- Minificador de código Minifique JavaScript, CSS e HTML para ter arquivos menores e páginas mais rápidas, e veja quanto economiza.
- Editor de Markdown Escreva Markdown com prévia ao vivo e barra de formatação, e copie o HTML ou baixe como .md ou .html.
- HTML para Markdown Transforme HTML, ou texto formatado colado de uma página web ou documento, em Markdown limpo com tabelas e blocos de código.
- Formatador de XML Formate XML com indentação limpa ou minifique, e verifique se está bem formado, com a linha de cada erro.
