Formatez et validez votre JSON en ligne: indentation propre, detection d'erreurs de syntaxe, mode beautifier/minifier et lecture plus claire de la structure.
Formateur & Valideur JSON
Pourquoi formatter le JSON
Pour qui : Développeurs full-stack, DevOps, API designers, administrateurs de bases de données, testeurs d'APIs.
Le JSON minifié (une seule ligne) est optimisé pour la transmission réseau, mais devient illisible en cas de debug. Les problèmes courants lors du développement :
- ❌ Erreurs de syntaxe cachées — JSON minifié masque les fautes de virgule ou de guillemet
- ❌ Structures imbriquées complexes — Impossible de vérifier l'imbrication sans aération
- ❌ Validation API — Les APIs rejettent le JSON invalide sans détails clairs
- ❌ Configuration applicative — Les fichiers de config JSON doivent être formatés pour la maintenance
Solution : Utiliser un formateur JSON pour valider, aérer et minifier selon les besoins.
Comment utiliser ce formatter
- Copier votre JSON — Depuis une API, une config, ou une réponse réseau
- Coller dans la zone "Entrée JSON" — Le formatter valide en temps réel
- Cliquer "✨ Formater" — Aère le JSON avec indentation 2 espaces
- Ou cliquer "⚡ Minifier" — Réduit à une seule ligne pour transmission
- 📋 Copier le résultat — Récupérez directement depuis le bouton
Exemple réel :
// ❌ Minifié et illisible
{"user":{"id":1,"name":"Alice","email":"alice@example.com","roles":["admin","user"]},"status":200}
// ✅ Après "Formater"
{
"user": {
"id": 1,
"name": "Alice",
"email": "alice@example.com",
"roles": ["admin", "user"]
},
"status": 200
}Règles de syntaxe JSON
JSON respecte des règles strictes de syntaxe, contrairement à JavaScript. Voici les 6 règles essentielles :
- ✅ Clés entre guillemets doubles :
"name"(jamais simples ou sans guillemets) - ✅ Valeurs typées : string, number, boolean, null, object, array
- ✅ Pas de trailing comma :
{"a": 1}pas{"a": 1,} - ✅ Booléens minuscules :
true/false(pas True/False) - ❌ Aucun commentaire :
// commentaireinvalide en JSON pur - ❌ Pas de NaN/Infinity : Utiliser
nullpour les valeurs manquantes
Exemple valide :
{
"user": {
"id": 123,
"name": "Alice",
"age": 30,
"isActive": true,
"roles": ["admin", "moderator"],
"profile": null
}
}Erreurs fréquentes et solutions
Voici les 5 erreurs JSON les plus courantes et comment les corriger :
| ❌ Erreur | Raison | ✅ Correction |
|---|---|---|
{"a": 1,} |
Virgule après dernier élément | {"a": 1} |
{'key': 'val'} |
Guillemets simples au lieu de doubles | {"key": "val"} |
{key: "val"} |
Clé sans guillemets | {"key": "val"} |
{"a": undefined} |
undefined n'existe pas en JSON |
{"a": null} |
{"a": NaN, "b": Infinity} |
NaN/Infinity non supportés | {"a": null, "b": null} |
Cas d'usage pratiques
1. Debug d'API REST
Vous testez une API et recevez une réponse JSON minifiée. Formatez-la pour vérifier la structure :
// Réponse API brute (illisible)
{"status":200,"data":{"users":[{"id":1,"email":"user@example.com"}]},"timestamp":1234567890}
// Après formatting (clair !)
{
"status": 200,
"data": {
"users": [
{"id": 1, "email": "user@example.com"}
]
},
"timestamp": 1234567890
}2. Configuration applicative
Fichiers config.json, package.json, .prettierrc doivent être formatés pour la maintenance :
// ✅ Bon format (lisible, maintenable)
{
"name": "my-app",
"version": "1.0.0",
"dependencies": {
"express": "^4.18.0",
"cors": "^2.8.5"
}
}3. Intégration de données
Avant d'importer du JSON depuis un fichier ou une API externe, validez et formatez pour éviter les erreurs d'import :
