04 - Manipuler les objets
Manipulation JSON
JSON : définition et caractéristiques
JSON (JavaScript Object Notation) est un format d'échange de données qui est facile à utiliser par les humains et les machines. Ce format est utilisé pour échanger les
valeurs entre les applications (clients) et les serveurs. Sa forme complète est en notation d'objet JavaScript.
Caractéristiques de JSON :
• Facile à utiliser - l'API JSON offre une mise en œuvre avancée des différents types et structures de données, ce qui aide à simplifier les cas d'utilisation.
• Performance et rapidité - JSON consomme très peu de mémoire.
• Outil gratuit - la bibliothèque JSON est open source et gratuite.
• Dépendance - la bibliothèque JSON ne nécessite pas l’utilisation d’une autre bibliothèque pour le traitement.
• Compatibilité :
• JSON est supporté par les navigateurs ;
• JSON est pris en charge par tous les principaux framework JavaScript ;
• JSON permet de transmettre et de sérialiser des données structurées à l'aide d'une connexion réseau ;
• JSON est compatible avec des langages de programmation modernes.
PARTIE 2
Copyright - Tout droit réservé - OFPPT 120
04 - Manipuler les objets
Manipulation JSON
JSON : Syntaxe
Règles générales de la syntaxe JSON
• Les données Json sont écrites entre accolades (braces) ;
• Les données sont représentées sous forme de paires de clé – valeur ;
• Les clés doivent être mises entre guillemets (double quotes) ;
• La clé et la valeur doivent être séparées par deux points (:) ;
• La virgule (,) est utilisée pour séparer les données ;
• Les crochets tiennent les tableaux (brackets ) ;
• Les accolades retiennent les objets.
Les types JSON : Number, String (entre guillemets), Boolean, Null, Array, Object
Exemple :
{ "nom" : "saidi",
"prenom" : "ali",
"age" :40,
PARTIE 2
"interets" :null,
"experience" : ["CSS","JS","HTML"],
"addresse" : {"Rue" : "Sidi Maarouf","Ville": "Casablanca","codeP" : 10000 }
}
Fichier [Link]
Copyright - Tout droit réservé - OFPPT 121
04 - Manipuler les objets
Manipulation JSON
Manipulation des données JSON
Pour traiter et afficher les données JSON dans les pages web, on a souvent besoin de les convertir en objets Javascript et vice versa.
• Analyse syntaxique (parse) : Convertir une chaîne de caractères en un objet natif.
• Linéarisation (stringification) : Convertir un objet natif en chaîne de caractères.
En Javascript, les méthodes utilisées sont :
• [Link] permet de convertir JSON vers un objet javascript.
• [Link] permet de convertir des objets javascript vers des données JSON.
Exemples :
//Création d'un string JSON //Création d'un objet Javascript
var jsonData = '{"nom":"Saidi", "prenom":"Ali"}'; var jsObject = {nom:"Saidi", prenom:"ali"};
[Link](typeof(jsonData)+'<br>'); //string [Link](typeof(jsObject)+'<br>');//Object
//Convertir JSON vers Javascript //Convertir javascript vers JSON
var jsObject = [Link](jsonData); var jsonString = [Link](jsObject);
PARTIE 2
[Link](typeof(jsObject)+'<br>');//object [Link](typeof(jsonString)+'<br>');//string
[Link](jsObject+'<br>'); //[object object]
[Link](jsonString);//{"nom":"Saidi","prenom
[Link]([Link] + " ":"ali"}
"+[Link]+'<br>'); //Saidi Ali //remarquer la présence des "" dans les clés
Copyright - Tout droit réservé - OFPPT 122