Embellir JSON - Formateur JSON
Convertissez un JSON en ligne/illisible en code bien formaté
Introduction
Cet embellisseur JSON en ligne vous aide à formater un JSON non structuré en une mise en page propre et lisible. Alimenté par l'embellisseur Pretty Diff, il vous permet de visualiser les résultats soit en vue de code, soit en vue arborescente pour une meilleure visualisation.
Comment utiliser cet outil
Pour commencer, collez simplement votre code JSON directement dans l'éditeur ou téléchargez un fichier JSON en utilisant le bouton **Télécharger**. Une fois le processus d'embellissement terminé, vous pouvez télécharger le JSON formaté, le sauvegarder ou le partager avec d'autres via un lien unique. Se connecter avec Google ou GitHub vous permet de sauvegarder les résultats dans votre compte pour une utilisation future.
Qu'est-ce que JSON ?
JSON (JavaScript Object Notation) est un format de données léger et ouvert qui utilise un texte lisible par l'homme pour représenter des objets de données constitués de paires attribut-valeur et de tableaux. Il est largement utilisé pour l'échange de données, notamment comme alternative plus simple à XML dans les systèmes AJAX.
La popularité de JSON découle de sa simplicité et de sa polyvalence, en faisant un format de choix pour les API, les fichiers de configuration et d'autres tâches de partage de données. En savoir plus
Syntaxe JSON
JSON définit deux structures principales : les objets et les tableaux.
- **Objets** : Une collection de paires nom-valeur entourées d'accolades `{}`.
- **Tableaux** : Une liste de valeurs entourées de crochets `[]`.
JSON prend en charge sept types de données : chaîne de caractères, nombre, objet, tableau, `true`, `false`, et `null`. Voici un exemple d'objet JSON contenant des paires nom-valeur. La clé "phoneNumbers" contient un tableau de deux objets :
{
"firstName": "Duke",
"lastName": "Java",
"age": 18,
"streetAddress": "100 Internet Dr",
"city": "JavaTown",
"state": "JA",
"postalCode": "12345",
"phoneNumbers": [
{
"Mobile": "111-111-1111"
}, {
"Home": "222-222-2222"
}
]
}
Exemples
Non embelli :
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}
Après embellissement :
{
"colors": [
{
"color": "black",
"category": "hue",
"type": "primary",
"code": {
"rgba": [
255, 255, 255, 1
],
"hex": "#000"
}
}, {
"color": "white",
"category": "value",
"code": {
"rgba": [
0, 0, 0, 1
],
"hex": "#FFF"
}
}
]
}