slam:donneestructurees:le_format_json_3

Exercice 1

Le fichier JSON ci-dessous est incomplet, seules des données y figurent et il manque toute la syntaxe permettant d'en faire une structure cohérente et bien formée.

Ajoutez les séparateurs et les éléments de structuration nécessaires pour obtenir un fichier JSON valide, et pertinent par rapport aux informations qu'il contient(tester sur machine).

Exercice 2

L'objectif est d'écrire un fichier JSON qui est une représentation objet simplifiée d'un cours et de ses élèves.

  1. Commencez par créer la racine du fichier JSON.
  2. Ajoutez les attributs suivants dans la racine du JSON :
    1. cours, de type string.
    2. semestre, de type string.
    3. annee, de type number.
    4. etudiants, de type tableau.
  3. Ajoutez des objets étudiants dans le tableau “etudiants”
    • chaque objet étudiant possède deux attributs à sa racine : l'attribut nom (string) et l'attribut prenom ( string)

Exercice 3 : Requêter un fichier JSON en JavaScript

  • 1- Créez un fichier JSON simple contenant votre nom, votre prénom et votre adresse.
  • 2- Faites fonctionner, testez et analysez le code JavaScript ci-après, expliquer ce qu'il fait.
function query() {
// File	
var vFile = document.getElementById("myfile").files[0];
// Reader
var vReader = new FileReader();
vReader.readAsText(vFile);
vReader.onload = function(pEvent) {
    // String Input
    var vContent = pEvent.target.result;   
    // JSON to object
    var vJson = JSON.parse(vContent);    
    // Query
    var vResult = "QUERY YOUR JSON HERE TO BUILD YOUR RESULT"
    // Output
    document.getElementById("mydiv").appendChild(document.createTextNode(vResult));
};
}
  • 3- En complétant la fonction query() -“QUERY YOUR JSON HERE TO BUILD YOUR RESULT”- ci-avant, affichez dans la page HTML suivante votre prénom, suivi de votre nom et de votre age entre parenthèse.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Démo JSON/JavaScript</title>
<script type="text/javascript" src="query.js"></script>
</head>
<body>
<input type="file" id="myfile" onchange="query()"/>
<div id="mydiv"/>
</body>
</html>

Exercice 4 : Structurer un JSON par rapport à un problème

Vous devez réaliser un fichier JSON permettant de faire figurer les informations suivantes :

  • Un message possède un objet, un destinataire, un expéditeur, une date, et un contenu.
  • Le fichier à décrire dans cet exercice contient des messages.
  • Il existe des catégories de messages, qui peuvent être ajoutées, éditées ou supprimées, sachant qu'un message peut appartenir à une ou plusieurs catégories.
  • Un contenu de message peut être important, normal, ou peu important.
  • slam/donneestructurees/le_format_json_3.txt
  • Dernière modification : 2025/01/24 09:07
  • de dthevenot