Informatique


Créer un objet au format JSON

Aller à

Qu'est-ce que le format JSON ? Créer un objet JSON Les méthodes stringify()et parse() de l'objet JSON
 

Qu'est-ce que le format JSON ?

JSON (JavaScript Object Notation – Notation Objet issue de JavaScript) est un format léger d'échange de données. Il est facile à lire ou à écrire pour des humains. Il est aisément analysable ou générable par des machines.

JSON est un format texte complètement indépendant de tout langage, mais les conventions qu'il utilise seront familières à tout programmeur habitué aux langages descendant du C, comme par exemple : C lui-même, C++, C#, Java, JavaScript, Perl, Python et bien d'autres.

Ces propriétés font de JSON un langage d'échange de données idéal.

Créer un objet JSON

Caractéristiques d'un objet JSON.

  • Encadré par des accolades
  • Ensemble de couple "nom":valeur (guillemets obligatoires)
  • Type de données possibles pour valeur: string, number, boolean, array et object
  • Encadré par des crochets si plusieurs items
  • Les items sont séparés par des virgules
  • Extension .json si dans un fichier

On crée un objet json avec 2 items dans un fichier .json et donc de type json. 

Démo
[
	{
	"nom":"Bouillon",
	"prenom":"Godefroy",
	"age":33,
	"activite":["tennis","informatique","foot"],
	"adresse":{"commune":"Schaerbeek","cp":"1030"}
	"actif":true
	}
	,
	{
	"nom":"L\'Hermitte",
	"prenom":"Pierre",
	"age":30,
	"activite":["balle pelote","ski","lecture","promebade"],
	"adresse":{"commune":"Bruxelles","cp":"1000"},
	"actif":true
	}
]

On crée un objet json dans une variable au sein d'un script. 

Démo
<h2>Créer un objet avec {}</h2>
<script>
let persHist = [
		{
		"nom":"Bouillon",
		"prenom":"Godefroy",
		"age":33,
		"activite":["tennis","informatique","foot"],
		"adresse":{"commune":"Schaerbeek","cp":"1030"}
		"actif":true,
		}
		,
		{
		"nom":"L\'Hermitte",
		"prenom":"Pierre",
		"age":30,
		"activite":["balle pelote","ski","lecture","promebade"],
		"adresse":{"commune":"Bruxelles","cp":"1000"},
		"actif":true
		}
];
</script>

Dans la console on peut constater qu'en tapant persHist, la console nous indique bien qu'il s'agit d'un tableau et que les cellules de ce tableau sont bien de type objet.

On peut accéder au tableau persHist en faisant persHist[i], et aux ensuite aux différentes propriétés des objets avec l'opérateur "point".
persHist[1].adresse.cp renverra 1000.
persHist[0].activite[2] renverra foot.

Les méthodes stringify() et parse() de l'objet JSON

JSON.stringify() permet transformer un objet JavaScript passé en paramètre en objet JSON.

JSON.parse() permet transformer un objet JSON passé en paramètre en objet JavaScript.

Démo
<h2>La méthode stringify()</h2>
<script>
var eleve={
	nom:"Desproges",
	prenom:"Lucien",
	adresse:{rue:"de la Ruche",num:"30",codep:"1030",commune:"Schaerbeek"},
};
var chaine=JSON.stringify(eleve);
console.log("Un bel objet JSON",chaine);
var chaine=JSON.parse(chaine);
console.log("Un bel objet JS",chaine);
</script>