Comprendre JSON : Un guide pour débutants sur le formatage et la validation
Réponse rapide
JSON est un format de données textuel utilisant des paires clé-valeur et des tableaux. Il prend en charge les chaînes, nombres, booléens, null, objets et tableaux. Utilisez notre formateur JSON gratuit pour embellir, valider et minifier des données JSON — tout le traitement se fait dans votre navigateur.
Introduction
JSON (JavaScript Object Notation) est un format d'échange de données léger, facile à lire et écrire pour les humains, et facile à analyser et générer pour les machines. C'est le format de données le plus courant pour la communication entre serveurs web et navigateurs, et a largement remplacé XML dans les API web modernes.
Pas à pas
-
Comprendre la syntaxe JSON
JSON utilise des accolades {} pour les objets, des crochets [] pour les tableaux et des paires clé-valeur séparées par des deux-points. Les clés doivent être des chaînes entre guillemets doubles. Les valeurs peuvent être des chaînes, des nombres, des booléens, des valeurs nulles, des objets ou des tableaux.
-
Formatez votre JSON
Collez vos données JSON dans l'outil de formatage JSON. Il embellira automatiquement le JSON avec une indentation et des sauts de ligne appropriés, le rendant facile à lire.
-
Valider la structure
Le formateur vérifie votre JSON pour les erreurs de syntaxe. S'il est valide, il affiche la sortie formatée. S'il n'est pas valide, il affiche un message d'erreur indiquant le problème.
-
Copiez ou utilisez le résultat
Copiez le JSON formaté dans votre presse-papiers pour l'utiliser dans votre code, votre documentation ou votre débogage.
Exemples
Objet simple
Saisir: {"name":"Alice","age":30}
Sortir: {
"name": "Alice",
"age": 30
}
Tableau d'objets
Saisir: [{"id":1},{"id":2}]
Sortir: [
{ "id": 1 },
{ "id": 2 }
]
Structure imbriquée
Saisir: {"user":{"name":"Bob","tags":["admin","user"]}}
Sortir: {
"user": {
"name": "Bob",
"tags": ["admin", "user"]
}
}
Problèmes courants
- Utilisation de guillemets simples pour les chaînes —JSON nécessite des guillemets doubles pour les chaînes et les clés.
- Virgules finales —JSON n'autorise pas de virgule après le dernier élément d'un objet ou d'un tableau.
- Commentaires —JSON ne prend pas en charge les commentaires (// ou /* */). Utilisez JSONC ou JSON5 si vous avez besoin de commentaires.
- Clés sans guillemets : toutes les clés doivent être entre guillemets doubles, contrairement aux littéraux d'objet JavaScript.
Conseils
- Utilisez un formateur JSON pour détecter les erreurs de syntaxe avant d'envoyer des données à un API.
- Minified JSON économise la bande passante : utilisez la minification en production et le formatage en développement.
- JSON ne prend pas en charge les fonctions non définies ou les dates comme valeurs : utilisez des chaînes nulles ou ISO 8601.
- Utilisez JSON.parse() en JavaScript pour convertir les chaînes JSON en objets, et JSON.stringify() pour convertir les objets en JSON.