Comprendre JSON : Syntaxe, Stockage et Exemples

JSON (JavaScript Object Notation) est un format de fichier textuel conçu pour l’échange de données. Il représente des données structurées basées sur un sous-ensemble du langage de programmation JavaScript. De ce fait, un programme JavaScript peut convertir des données JSON en objets JavaScript natifs sans analyser ou sérialiser les données.

JSON est populaire en raison de son style autodescriptif, facile à comprendre, léger et compact. Il est compatible avec de nombreux langages de programmation, environnements et bibliothèques.

Dans cet article, nous expliquerons ce qu’est JSON et comment gérer les données à l’aide de ce langage. 

Qu’est-ce que JSON – Tutoriel vidéo

Apprenez ce qu’est JSON et comment il fonctionne en regardant cette vidéo (en anglais).

Qu’est-ce qu’un fichier JSON et pourquoi devriez-vous l’utiliser ? 

JSON est un format qui permet de stocker des informations structurées. Il est principalement utilisé pour transmettre les données d’une application web entre un serveur virtuel hôte et un client. JSON apparaît dans des fichiers portant l’extension .json ou entre guillemets sous forme de chaînes de caractères ou d’objets affectés à une variable dans d’autres formats de fichiers.

JSON est une alternative simple et légère au langage de balisage extensif (XML), qui est devenu moins courant comme format d’échange de données. En effet, la conversion de XML en un objet JavaScript nécessite des dizaines, voire des centaines de lignes de code, ainsi qu’une personnalisation supplémentaire en fonction de l’élément spécifique analysé.

En comparaison, un analyseur JSON ne nécessite qu’une seule ligne de code pour convertir du texte en JavaScript, car la syntaxe des deux est très similaire.

JSON utilise l’analyse syntaxique côté serveur pour améliorer la réactivité. Le processus ne nécessite aucune connaissance préalable de l’objet analysé. C’est pourquoi JSON est largement utilisé comme format standard d’échange de données.

En outre, il permet aux utilisateurs de demander des données provenant de différents domaines en utilisant une méthode appelée JSON padding (JSONP) qui emploie des fonctions de rappel pour transmettre les données JSON. Cette méthode permet de contourner efficacement les limites de la politique du « same-origin« .

Comprendre la syntaxe de JSON

Comme la structure JSON est basée sur celle de JavaScript, ils partagent un certain nombre de similitudes.

Voici les principaux éléments de la syntaxe JSON :

• Les données sont présentées sous forme de paires clé/valeur.
• Les éléments de données sont séparés par des virgules.
• Les crochets {} désignent les objets.
• Les crochets [] désignent des tableaux.

Par conséquent, la syntaxe des littéraux d’objets JSON ressemble à ceci :

{“key”:“value”,“key”:“value”,“key”:“value”.}

Les types de valeurs 

Dans cette section, nous allons aborder les types de valeurs JSON.

Tableau

{
"students":[
{"firstName":"Tom", "lastName":"Jackson"},
{"firstName":"Linda", "lastName":"Garner"},
{"firstName":"Adam", "lastName":"Cooper"}
]
}

Un tableau est une collection ordonnée de valeurs. Une valeur de tableau peut contenir des objets JSON, ce qui signifie qu’elle utilise le même concept de paire clé/valeur. Par exemple :

Les informations entre crochets forment un tableau de trois objets.

Objet

Les objets JSON sont constitués de paires de deux composants :

• Les clés sont des chaînes de caractères – des séquences de caractères entourées de guillemets.
• Les valeurs sont des types de données JSON valides. Elles peuvent se présenter sous la forme d’un tableau, d’un objet, d’une chaîne de caractères, d’un booléen, d’un nombre ou de null.

Un deux-points est placé entre chaque clé et chaque valeur, et une virgule sépare les paires. Les deux éléments sont placés entre guillemets.

{
"employees":{
   "firstName":"Tom",
   "lastName":"Jackson"
}
}

Ici,”employees”  sont la clé, tandis que tout ce qui se trouve entre accolades est l’objet.

Chaîne de caractères

Les valeurs de type chaîne sont des séquences définies de zéro ou plusieurs caractères Unicode, entourées de guillemets.

Par exemple :

{"firstName":"Tom"}

Cet exemple montre que Tom signifie une chaîne de caractères car il s’agit d’un ensemble de caractères à l’intérieur d’un guillemet double.

Nombre

Un nombre dans JSON doit être un nombre entier ou un nombre à virgule flottante.

Par exemple :

{“age”:30}

Booléen

Les booléens contiennent les valeurs vrai ou faux.

Par exemple :

{“married”:false)

Null

Null est une valeur vide. C’est pour montrer qu’il n’y a pas d’information.

Par exemple :

{"bloodType":null}

Méthodes de stockages des données JSON

Il existe deux façons de stocker des données JSON : les objets et les tableaux. Les premiers sont des ensembles de paires clé/valeur, tandis que les seconds sont des listes de valeurs.

Dans cette section, nous allons expliquer plus en détail comment stocker des données JSON à l’aide d’objets et de tableaux.

Utiliser les objets 

Un objet JSON commence et se termine par des accolades. Il contient des paires clé/valeur appelées propriétés, avec des virgules séparant chaque ligne. Un deux-points sépare chaque clé et chaque valeur.

Si les clés doivent être des chaînes de caractères, les valeurs peuvent être l’un des six types de données JSON : chaînes de caractères, nombres, objets, tableaux, booléens ou nuls.

Notez que les objets JSON sont différents des objets du type de données JSON. Les premiers servent de méthode de stockage des données tandis que les seconds représentent un tableau associatif de paires clé/valeur.

Prenons un exemple où nous avons trois paires clé/valeur. firstName, lastName, and gender sont les clés et  Tom, Jackson, and male sont les valeurs..

L’objet JSON ressemblera à ceci :

{
"firstName":"Tom",
"lastName":"Jackson",
"gender":"male"
}

Les valeurs utilisées sont des chaînes de caractères, elles sont donc également entre guillemets, tout comme les clés.

Utiliser les tableaux 

Une autre façon de stocker des données consiste à utiliser des tableaux. Les valeurs sont placées entre crochets, et des virgules séparent chaque ligne. Chaque valeur des tableaux JSON peut être d’un type différent.

Gardez à l’esprit que les tableaux JSON sont différents des tableaux en tant que valeurs – ces derniers consistent en des collections ordonnées d’éléments, généralement tous du même type.

Jetez un coup d’œil à cet exemple :

{
"firstName":"Tom",
"lastName":”Jackson”,
“gender”:”male”,
"hobby":[
“football", 
"reading", 
"swimming"
]
}

Ce qui différencie cette méthode de la précédente est la quatrième paire clé/valeur. hobby est la clé, et il y a plusieurs valeurs (football, lecture, natation) entre les crochets représentant un tableau.

Les tableaux peuvent être utiles lorsqu’ils sont associés à JSONP pour surmonter le problème de l’inter-domaine. Ils prennent également en charge la boucle qui permet aux utilisateurs d’exécuter des commandes répétées pour rechercher des données, rendant le processus plus rapide et plus efficace.

La programmation avec JSON

Voici un exemple simple d’utilisation de JSON – nous allons décomposer chaque élément pour plus de clarté.

{
  "className":"Class 2B",
  "year":2024,
  "phoneNumber":null,
  "active":true,
  "homeroomTeacher":{"firstName":"Richard", "lastName":"Roe"},
  "members":[{
      "firstName":"Jane","lastName":"Doe"},
      {"firstName":"Jinny","lastName":"Roe"},
      {"firstName":"Johnny","lastName":"Roe"},
      ]
}

Voici ce que chaque paire indique :

• La première ligne « className » : « Class 2B » est une chaîne de caractères.
• La deuxième paire « year »:2024 a une valeur numérique.
• La troisième paire « phoneNumber »:null représente un null – il n’y a pas de valeur.
• La quatrième paire « active »:true est une expression booléenne.
• La cinquième ligne « homeroomTeacher »:{« firstName » : « Richard », « lastName » : « Roe »} représente un objet littéral.
• Enfin, le script à partir de la sixième ligne est un tableau.

Conclusion

La notation d’objets JavaScript (JSON) est un format textuel lisible par l’homme, conçu pour l’échange de données. Il est pris en charge par de nombreux langages de programmation, environnements et bibliothèques.

JSON est remarquable car il permet aux utilisateurs de demander des données à travers les domaines en utilisant la fonction JSONP. De plus, il est plus simple et plus léger que XML.

La syntaxe JSON se compose de deux éléments fondamentaux : les valeurs, qui sont l’un des six types de données disponibles, et les clés, qui sont des chaînes de caractères.

Lorsqu’il s’agit de stocker des données, JSON offre deux méthodes pour le faire :

• Les objets. Cette méthode commence et se termine par des accolades et comporte deux ou plusieurs paires clé/valeur séparées par des virgules. Un deux-points suit chaque clé pour la distinguer de la valeur associée.
• Les tableaux. Cette méthode utilise des crochets entourant les éléments, séparés par des virgules.

Nous espérons que cet article vous a aidé à comprendre JSON. Si vous avez des questions ou des suggestions, veuillez les laisser dans la section des commentaires ci-dessous.

Fichier Json – FAQ