Formater du JSON en JavaScript

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 JavaScript ou une bibliothèque couramment utilisée pour cette tâche.

Exemple#

1function formatJson(input, spaces = ) {2  const value = JSON.parse(input);3  return JSON.stringify(value, null, spaces);4}56console.log(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#

1const input = '[{"id":1},{"id":2}]';2try {3  const parsed = JSON.parse(input);4  const pretty = JSON.stringify(parsed, null, );5  console.log(pretty);6} catch (error) {7  console.error("Invalid JSON", error);8}

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
• MDN JavaScript