Formater du JSON en TypeScript

Le formatage JSON consiste à analyser un document JSON valide puis à le sérialiser avec des espaces et une indentation plus lisibles. L’analyse permet aussi de détecter une syntaxe invalide.

Démarrage rapide#

L’exemple suivant utilise l’API standard de TypeScript ou une bibliothèque couramment utilisée pour cette tâche.

Exemple#

1function formatJson(input: string, spaces = ): string {2  const value: unknown = JSON.parse(input);3  return JSON.stringify(value, null, spaces);4}56const formatted = formatJson('{"name":"ToolPorta","active":true}');

Opérations courantes#

Ce second exemple couvre une opération fréquente en production ou une manière plus sûre de traiter des entrées réelles.

Variante courante#

1function parseJson(input: string): unknown {2  return JSON.parse(input) as unknown;3}45const value = parseJson(source);6// Validate/narrow `value` before treating it as an application type.

Points importants#

Le formatage doit passer par un parseur JSON. Évitez les transformations par expressions régulières et faites attention aux très grands nombres selon le runtime.

Bonnes pratiques#

1. Considérez toute entrée externe comme non fiable et gérez explicitement les erreurs d’analyse ou de validation.
2. Rendez explicites l’encodage, les unités, les formats et les conventions propres aux bibliothèques aux frontières du système.
3. Ajoutez des tests couvrant l’entrée vide, le texte Unicode, les entrées invalides et des données représentatives de la production.

Références#

• RFC 8259: The JSON Data Interchange Format
• TypeScript Handbook