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.

Passer au contenu principal
Gizke.com
Blog

JSON vers TypeScript

Tout reste sur votre appareil.
Déclarer en

TypeScript

Collez du JSON pour voir ses types TypeScript.

Collez du JSON et obtenez des interfaces ou types TypeScript - objets imbriqués nommés, tableaux fusionnés, clés optionnelles et unions déduites.

Collez une réponse d'API, un fichier de configuration ou n'importe quel exemple JSON et obtenez des déclarations TypeScript prêtes à l'emploi. Chaque objet imbriqué devient une interface nommée, les tableaux d'objets sont fusionnés - les clés absentes de certains éléments deviennent optionnelles et les valeurs de types différents des unions - et les objets de même forme partagent une seule déclaration. Choisissez interface ou type, export, readonly et l'écriture des clés optionnelles, puis copiez ou téléchargez un .ts.

Questions fréquentes

Comment les types imbriqués sont-ils nommés ?
D'après la clé qui les contient, en PascalCase : un objet address devient Address, les éléments d'un tableau users deviennent User. Si deux formes différentes ont le même nom, la seconde reçoit un numéro (Item2).
Pourquoi un champ est-il optionnel ou une union ?
Dans les tableaux, chaque élément est comparé. Une clé absente de certains éléments devient optionnelle ; une clé contenant un nombre ici et du texte là devient string | number. Fournissez un exemple représentatif.
Et les dates, les enums et les tableaux vides ?
JSON n'a pas de type date : les dates restent string, comme les ensembles de valeurs fixes - affinez-les à la main. Un tableau vide devient unknown[], faute de quoi déduire.
Mon JSON est-il envoyé ?
Non. L'analyse et la génération se font dans votre navigateur ; les données d'API et jetons de votre exemple restent sur votre appareil.

Partager cet outil

BlogÀ proposContactConditions d'utilisationPolitique de confidentialité