JSON (Notation d'objet JavaScript ) est un moyen pratique de partager des données. C’est facile à comprendre, tant pour les humains que pour les ordinateurs. En JavaScript, JSON permet d'organiser les données en objets simples. Explorons comment fonctionne JSON et pourquoi il est si utile pour échanger des informations.

Syntaxe de l'objet JSON :

const jsonData = { 'key1' : 'value1', ... };>

Exemples d'objets JavaScript JSON

Exemple 1: Voici un exemple de création d'un objet JSON simple.

const person = {  'name': 'John',  'age': 30,  'city': 'New York' };>

Explication:

• { }>– Les accolades définissent l’objet.
• 'name'>,'age'>,'city' ->Ce sont les clés (propriétés) de l'objet. Les clés sont toujours des chaînes.
• 'John'>,30>,'New York' ->Ce sont les valeurs correspondantes associées à chaque clé.
• : ->Deux points (:) séparent les clés et les valeurs.
• , ->La virgule (,) sépare les différentes paires clé-valeur au sein de l'objet.

2. Accès aux valeurs d'objet JSON

• Les valeurs des objets sont accessibles en utilisant la notation point (.).
• Nous pouvons également accéder aux objets en utilisant la notation bracket([]).

Exemple: Dans le programme ci-dessous, nous accédons à l'objet en utilisant . notation.

let myOrder, i; // Object is created with name myOrder myOrder = {  'name_of_the_product': 'Earbuds',  'cost': '799',  'warranty': '1 year ' }; // Accessing for particular detail // from object myOrder i = myOrder.name_of_the_product; // It prints the detail of name // of the product console.log(i);>

Earbuds>

Explication: Le code JavaScript définit un objet « myOrder » avec des propriétés telles que le nom du produit, le coût et la garantie. Il accède au nom du produit et l'attribue à « i ». Enfin, il enregistre le nom du produit Earbuds sur la console.

3. Boucler à travers l'objet JSON

Le bouclage peut être effectué de deux manières :

• La boucle d'un objet peut être effectuée en utilisant une propriété for-in loop.
• Pour boucler un objet, nous pouvons même utiliser des crochets ([]) dans la propriété de boucle for-in.

Exemple: Dans l'exemple ci-dessous, nous accédons à un objet en boucle en utilisant la notation bracket[].

let myOrder, a; myOrder = {  'name_of_product': 'earbuds',  'cost': '799',  'warranty': '1 year' }; for (a in myOrder) {  // Accessing object in looping  // using bracket notation  console.log(myOrder[a]); }>

earbuds 799 1 year>

Explication: Le code initialise un objet « myOrder » avec les détails du produit. Il parcourt chaque propriété en utilisant une boucle « for-in ». Dans la boucle, il accède à chaque valeur de propriété en utilisant la notation entre crochets et les enregistre dans la console. Ceci imprime les valeurs des écouteurs, 799 et 1 an.

4. Conversion d'un texte JSON en objet JavaScript

Pour convertir un texte JSON en objet JavaScript, vous pouvez utiliser le JSON.parse()>méthode .

Exemple: Cet exemple convertit le JSON en objet JavaSctipt.

const jsonString = '{'name': 'John', 'age': 30}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // Output: John console.log(jsonObject.age); // Output: 30>

John 30>

Explication:

• JSON.parse()>analyse une chaîne JSON, en construisant la valeur JavaScript ou l'objet décrit par la chaîne.
• Dans l'exemple,jsonString>est une chaîne au format JSON.
• JSON.parse(jsonString)>convertit la chaîne JSON en un objet JavaScript, qui est stocké dans la variablejsonObject>.
• Vous pouvez accéder aux propriétés de l'objet JavaScriptjsonObject>comme n'importe quel autre objet JavaScript.