Apprendre JSON

JSON signifie JavaScript Object Notation. Les objets JSON sont utilisés pour transférer des données entre le serveur et le client, JSON est facile à lire et à écrire que XML. Les objets JSON présentent plusieurs avantages par rapport à XML et nous allons en discuter dans ce tutoriel, ainsi que les concepts JSON et leurs utilisations.
 
 
Regardons un exemple de JSON: Il contient des données sous forme de paires clé-valeur.

var person = {
   "name" : "Alex",
   "age" :  "25",
   "address" : "Paris"
};

 

Caractéristiques de JSON:
  • Léger
  • Indépendant de tout langage
  • Facile à lire et à écrire
  • Format d’échange de données lisible par l’homme et basé sur le texte
  • Prend en charge les tableaux, objets, chaines de caractères, nombres et valeurs.
Différence entre JSON et XMLDifférence entre JSON et XMLJSON et XML, les deux peuvent être utilisés pour recevoir des données provenant d’un serveur Web.     Table de comparaison JSON XML JSON signifie…Lire plus
Types de données JSON

JSON définit 6 types de données :
 

1. String
{
	"name": "Alex"
}

 

4. Nombre
{
	"age": 24
}

 

2. Object
{
	"person": {
		"name": "Alex"
	}
}

 
 

3. Tableau
{
	"tab": [1, 2, 3, 4, 5, 6]
}

 

Boolean
{
	"open": true,
	"close": false
}

 

5. Date
{
	"DateNaissance": "1996-01-25 20:00:00 +0100"
}

 

Comment lire les différents types de structure JSON
1. Objets JSON
var person = {
   "name" : "Alex",
   "age" :  "25",
   "address" : "Paris"
};

Nous pouvons accéder aux informations comme ceci:

document.writeln("Le nom est:  " +person.name);
document.writeln("L'age est: " + person.age);
document.writeln("L'adresse est: "+ person.address);

 

2. Objets JSON dans un tableau

Dans l’exemple ci-dessus, nous avons stocké les informations d’une seule personne dans un objet JSON. Supposons que nous souhaitons stocker les informations de plusieurs personnes. dans ce cas, nous pouvons avoir un tableau d’objets.

var persons = [{
   "name" : "Alex",
   "age" :  "25",
   "address" : "Paris"

},
{
   "name" : "Emily",
   "age" : "22",
   "address" : "Toulouse"

}];

Nous pouvons accéder aux informations comme ceci:

document.writeln("Le nom du 1er personne est:  " +person[0].name);   //Alex
document.writeln("Le nom du 2éme personne est: " + person[1].name);   //Emily

 
 

3. Imbrication d’objets JSON:

Une autre façon de faire la même chose que nous avons fait dans l’exemple ci-dessus.

var persons = {
	"p1" : {
	  "name" : "Alex",
	  "age" :  "25",
	  "address" : "Paris" 
	},

	"p2" : {
	  "name" : "Emily",
	  "age" : "22",
	  "address" : "Toulouse"
	}
}

Nous pouvons accéder aux informations comme ceci:

document.writeln("Le nom du 1er personne est:  " +persons.p1.name);   //Alex
document.writeln("Le nom du 2éme personne est: " + persons.p2.name);   //Emily

 

Conclusion

Dans ce tutoriel, presque tous les aspects du JSON ont été abordés. Nous espérons qu’ils vous donneront les connaissances nécessaires pour apprendre encore plus.
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *