Formateur et Validateur JSON

Qu'est-ce que JSON ?

// Format (pretty-print) JSON with 2-space indentation
const raw = '{"name":"Alice","age":30,"active":true}';
const parsed = JSON.parse(raw);        // parse string → object
const formatted = JSON.stringify(parsed, null, 2);
console.log(formatted);
// → {
//     "name": "Alice",
//     "age": 30,
//     "active": true
//   }

// Minify JSON (strip all whitespace)
const minified = JSON.stringify(parsed);
console.log(minified);
// → '{"name":"Alice","age":30,"active":true}'

Fonctionnalités clés

Exemples

{"status":200,"data":{"user":{"id":"usr_2x7kP9","name":"Alice Chen","email":"alice@example.com","roles":["admin","editor"],"lastLogin":"2026-03-12T08:30:00Z"},"meta":{"requestId":"req_abc123","timestamp":1741776600}}}

{"name":"my-app","version":"2.1.0","private":true,"scripts":{"dev":"next dev","build":"next build","start":"next start","lint":"eslint ."},"dependencies":{"react":"^18.2.0","next":"14.1.0"},"devDependencies":{"typescript":"^5.3.0","eslint":"^8.56.0"}}

[{"id":1,"product":"Laptop Pro","price":1299.99,"inStock":true,"tags":["electronics","computers"]},{"id":2,"product":"Wireless Mouse","price":29.99,"inStock":false,"tags":["electronics","accessories"]},{"id":3,"product":"USB-C Hub","price":49.99,"inStock":true,"tags":["electronics","accessories"]}]

{"database":{"host":"localhost","port":5432,"name":"mydb","pool":{"min":2,"max":10}},"cache":{"enabled":true,"ttl":3600,"provider":"redis"},"logging":{"level":"info","format":"json","outputs":["stdout","file"]}}

Comment utiliser

1. 1

   Collez votre JSON

   Entrez ou collez vos données JSON brutes dans le champ de saisie ci-dessus. Vous pouvez aussi cliquer sur « Load example » pour essayer un exemple.

2. 2

   Formatez ou Minifiez

   Cliquez sur « Format JSON » pour indenter lisiblement, ou « Minify JSON » pour compresser en une seule ligne.

3. 3

   Copiez le résultat

   Le résultat traité apparaît dans la zone de sortie. Cliquez sur « Copy » pour le copier dans votre presse-papiers.

Erreurs JSON courantes

{"name": "Alice", "age": 30,}

{"name": "Alice", "age": 30}

{'name': 'Alice'}

{"name": "Alice"}

{name: "Alice"}

{"name": "Alice"}

{"name": "Alice" // user name}

{"name": "Alice"}

{"users": [{"name": "Alice"}

{"users": [{"name": "Alice"}]}

{"name": "Alice" "age": 30}

{"name": "Alice", "age": 30}

Cas d'utilisation courants

Débogage de réponses API

Formatez les réponses API minifiées en JSON lisible pour un débogage rapide.

Fichiers de configuration

Validez et embellissez les fichiers de config comme package.json, tsconfig.json et .eslintrc.

Inspection de données

Explorez et comprenez les données JSON exportées depuis des bases de données, des logs ou des services tiers.

Revue de code

Formatez les extraits JSON pour des comparaisons plus claires lors des revues de code.

Documentation

Générez des exemples JSON bien formatés pour la documentation technique et les tutoriels.

Migration de données

Validez la structure et la syntaxe JSON avant d'importer des données dans de nouveaux systèmes.

Détails techniques

Conforme à RFC 8259

Prise en charge complète de la spécification JSON standard, y compris Unicode et les caractères d'échappement.

Traitement dans le navigateur

Tout le formatage s'exécute localement dans votre navigateur avec les méthodes natives JSON.parse() et JSON.stringify().

Taille de fichier supportée

Gère les fichiers JSON jusqu'à 10 Mo avec indentation configurable (2 ou 4 espaces).

Bonnes pratiques

Valider avant utilisation

Validez toujours les données JSON avant de les utiliser en production pour détecter les erreurs de syntaxe tôt.

Indentation cohérente

Utilisez une indentation de 2 espaces pour la lisibilité et des fichiers plus petits dans le contrôle de version.

Minifier pour la production

Utilisez du JSON minifié dans les réponses API et les fichiers de configuration pour réduire la bande passante.

Questions fréquentes