Cours Complet : Le JSON, de la Théorie à
la Pratique
Introduction : Qu'est-ce que le JSON ?
Imaginez que vous deviez envoyer une liste de courses d'un téléphone à un autre. Vous n'allez
pas envoyer une photo de votre note, mais plutôt une liste textuelle que l'autre téléphone peut
comprendre immédiatement. Le JSON (JavaScript Object Notation) est exactement cela : un
format de texte universel pour structurer et échanger des informations de manière claire et
efficace entre différentes machines.
Pourquoi est-il si populaire ?
Lisible par l'humain : Sa syntaxe est propre et facile à lire.
Léger : Il est moins "bavard" que son ancêtre, le XML.
Universel : Tous les langages de programmation modernes le comprennent.
Partie 1 : Les Blocs de Construction du JSON
Le JSON repose sur deux structures simples et six types de données.
1.1. La Syntaxe : Les Paires Clé/Valeur
Le cœur du JSON est la paire clé: valeur.
La clé est toujours une chaîne de caractères entre guillemets doubles (").
La valeur peut être l'un des six types de données.
JSON
"nom": "Dupont"
1.2. Les Structures : Objets et Tableaux
L'Objet { } : Représente un ensemble de paires clé/valeur. C'est comme la fiche de contact
d'une personne, avec des étiquettes (clés) et des informations (valeurs).
Le Tableau [ ] : Représente une liste ordonnée de valeurs. C'est comme une simple liste de
courses.
1.3. Les 6 Types de Données
Type de Donnée
Illustration
Exemple JSON
Chaîne (String)
Du texte pur
"Bonjour le monde !"
Nombre
(Number)
Nombres entiers ou
décimaux
2024 ou 3.14
Type de Donnée
Illustration
Exemple JSON
Booléen
(Boolean)
Une valeur de vérité
true ou false
Tableau
(Array)
Une liste de valeurs
[ "pommes", "bananes", 2 ]
Objet (Object)
Une collection de paires
clé/valeur
{ "ville": "Paris", "code":
75000 }
Nul (null)
Pour indiquer une absence
de valeur
null
Partie 2 : Exemples Illustrés et Cas Concrets
Voyons comment ces blocs s'assemblent pour représenter des informations du monde réel.
Cas Concret 1 : La Fiche d'un Produit E-commerce
Imaginez un site vendant des produits électroniques. Chaque produit peut être représenté par
un objet JSON.
Illustration :
Un objet simple pour une fiche produit.
JSON
{
"idProduit": "XYZ-12345",
"nom": "Casque Audio sans fil",
"marque": "SoundGood",
"prix": 149.99,
"enStock": true,
"tags": [ "audio", "bluetooth", "sans fil" ],
"detailsTechniques": {
"poids_grammes": 210,
"autonomie_heures": 40,
"reductionBruit": "Active"
},
"avisClientPrecedent": null
}
Analyse de cet exemple :
Le produit entier est un objet (délimité par { }).
"prix" est un nombre.
"enStock" est un booléen.
"tags" est un tableau de chaînes de caractères.
"detailsTechniques" est un objet imbriqué dans l'objet principal.
"avisClientPrecedent" est null, car ce produit n'a pas encore été noté.
Cas Concret 2 : La Réponse d'une API Météo
Vous utilisez une application météo sur votre téléphone. L'application interroge un serveur
qui lui renvoie les informations météo sous forme de JSON.
Illustration :
Une réponse JSON typique d'une API météo pour Paris.
JSON
{
"villeRecherchee": "Paris",
"pays": "FR",
"dateHeure": "2025-07-01T14:30:00Z",
"meteoActuelle": {
"temperature": 24.5,
"unite": "Celsius",
"description": "Partiellement nuageux",
"icone": "03d"
},
"previsions": [
{
"jour": "Mercredi",
"temp_max": 26,
"temp_min": 18,
"description": "Ensoleillé"
},
{
"jour": "Jeudi",
"temp_max": 22,
"temp_min": 16,
"description": "Averses éparses"
},
{
"jour": "Vendredi",
"temp_max": 23,
"temp_min": 17,
"description": "Nuageux"
}
]
}
Analyse de cet exemple :
La clé "previsions" contient un tableau d'objets. C'est une structure extrêmement
courante. Chaque objet du tableau représente la prévision pour un jour spécifique, avec ses
propres paires clé/valeur.
Cas Concret 3 : Un Fichier de Configuration
De nombreux logiciels utilisent des fichiers JSON pour stocker leurs paramètres, car ils sont
faciles à lire et à modifier.
Illustration :
Fichier config.json simple pour une application web.
JSON
{
"nomApplication": "Mon Super Projet",
"version": "1.0.0",
"modeDebug": true,
"connexionBD": {
"host": "localhost",
"utilisateur": "root",
"port": 5432
},
"clesApi": {
"googleMaps": "VOTRE_CLE_PERSONNELLE_ICI"
}
}
Analyse de cet exemple :
Cet exemple montre comment le JSON peut organiser proprement des paramètres de
configuration, en séparant les informations de la base de données (connexionBD) des clés
d'API (clesApi).
Partie 3 : Comment manipuler le JSON ?
Dans la pratique, vous n'écrirez que rarement du JSON complexe à la main. Les langages de
programmation ont des fonctions pour le faire.
o
o
Parsing (Analyse) : Convertir une chaîne de texte JSON en un objet/tableau utilisable dans
votre code.
En JavaScript : JSON.parse(chaineJson)
Stringification (Sérialisation) : Convertir un objet/tableau de votre code en une chaîne de
texte JSON (pour l'envoyer sur un réseau ou l'enregistrer dans un fichier).
En JavaScript : JSON.stringify(monObjet)
Conclusion : Pourquoi vous devez maîtriser le JSON
Le JSON est le langage commun des applications modernes. Que vous développiez un site
web, une application mobile ou que vous travailliez avec des données, vous rencontrerez du
JSON partout. Sa simplicité est sa plus grande force, le rendant indispensable pour tout
développeur ou passionné de technologie.