Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

Ir para o conteúdo principal
Gizke.com
Blog

JSON para TypeScript

Funciona no seu dispositivo. Nada é enviado.
Declarar como

TypeScript

Cole JSON para ver os tipos TypeScript.

Cole JSON e receba interfaces ou types do TypeScript - objetos aninhados nomeados, arrays combinados, chaves opcionais e unions inferidas.

Cole a resposta de uma API, um arquivo de configuração ou qualquer exemplo JSON e receba declarações TypeScript prontas para o código. Cada objeto aninhado vira uma interface com nome, arrays de objetos são combinados - chaves que faltam em alguns itens ficam opcionais e valores de tipos diferentes viram unions - e objetos com o mesmo formato compartilham uma declaração. Escolha interface ou type, export, readonly e como escrever chaves opcionais, depois copie ou baixe um .ts.

Perguntas frequentes

Como os tipos aninhados são nomeados?
Pela chave em que aparecem, em PascalCase: um objeto address vira Address e os itens de um array users viram User. Se duas formas diferentes ganhariam o mesmo nome, a segunda recebe um número (Item2).
Por que um campo ficou opcional ou virou union?
Em arrays cada item é comparado. Uma chave ausente em alguns itens fica opcional, e uma que tem número num item e texto em outro vira string | number. Use uma amostra representativa.
E datas, enums e arrays vazios?
JSON não tem tipo de data, então datas ficam string, assim como conjuntos de valores fixos - restrinja à mão. Array vazio vira unknown[], pois não há o que inferir.
Meu JSON é enviado?
Não. A leitura e a geração acontecem no navegador; dados de API e tokens do seu exemplo ficam no dispositivo.

Compartilhe esta ferramenta

BlogSobreContatoTermos de UsoPolítica de Privacidade