Manipuler le JSON en JavaScript : JSON.parse(), JSON.stringify() et fichiers JSON avec Node.
Le JSON est devenu un élément incontournable du développement web moderne. Que ce soit pour communiquer avec une API, stocker des données ou échanger des informations entre applications, il est utilisé partout.
Dans ce chapitre, nous allons apprendre à manipuler le JSON en JavaScript, comprendre la différence entre JSON et les objets JavaScript, puis découvrir comment lire et écrire des fichiers JSON avec Node.js.
JSON et JavaScript : quelle différence ?
Beaucoup de développeurs débutants confondent les objets JavaScript et le JSON. Pourtant, il existe une différence importante entre les deux.
Objet JavaScript
const utilisateur = {
nom: "Aziz",
age: 22
};
JSON
{
"nom": "Aziz",
"age": 22
}
Dans le format JSON :
- les clés sont toujours entre guillemets,
- seules certaines structures sont autorisées,
- le format sert principalement à échanger des données.
Convertir du JSON en objet JavaScript avec JSON.parse()
Lorsque des données arrivent depuis une API ou un fichier JSON, elles sont souvent sous forme de texte.
Pour les transformer en véritable objet JavaScript, on utilise :
JSON.parse()
Exemple
const data = '{"nom":"Learnity","langage":"JavaScript"}';
const objet = JSON.parse(data);
console.log(objet.nom);
Explication
datacontient une chaîne JSON,JSON.parse()transforme cette chaîne en objet JavaScript,- on peut ensuite accéder facilement aux propriétés.
Convertir un objet JavaScript en JSON avec JSON.stringify()
L’inverse est aussi très fréquent.
Quand on veut envoyer des données vers une API ou enregistrer des informations dans un fichier, on convertit un objet JavaScript en JSON grâce à :
JSON.stringify()
Exemple
const utilisateur = {
nom: "Aziz",
age: 22
};
const json = JSON.stringify(utilisateur);
console.log(json);
Résultat
{"nom":"Aziz","age":22}
Lire un fichier JSON avec Node.js
Avec Node.js, il est possible de lire facilement des fichiers JSON.
Pour cela, on utilise le module fs.
Exemple
const fs = require("fs");
fs.readFile("data.json", "utf-8", (err, data) => {
if (err) {
console.log(err);
return;
}
const jsonData = JSON.parse(data);
console.log(jsonData);
});
Ce que fait ce code
readFile()lit le fichier JSON,- les données sont récupérées sous forme de texte,
JSON.parse()convertit le contenu en objet JavaScript exploitable.
Écrire dans un fichier JSON avec Node.js
On peut également créer ou modifier un fichier JSON grâce à writeFile().
Exemple
const fs = require("fs");
const utilisateur = {
nom: "Learnity",
type: "Formation"
};
const data = JSON.stringify(utilisateur);
fs.writeFile("data.json", data, (err) => {
if (err) {
console.log(err);
return;
}
console.log("Fichier JSON créé !");
});
Pourquoi apprendre le JSON est important ?
Le JSON est utilisé dans pratiquement tous les projets modernes :
- applications web,
- APIs REST,
- applications mobiles,
- bases de données,
- échanges serveur/client.
Maîtriser JSON vous permettra de mieux comprendre comment les applications communiquent entre elles.
Conclusion
Le JSON est une compétence essentielle pour tout développeur JavaScript.
Grâce à :
JSON.parse(),JSON.stringify(),- la lecture et l’écriture de fichiers JSON avec Node.js,
vous pourrez manipuler des données efficacement dans vos projets web et backend.
Comprendre ces concepts vous aidera énormément dans l’apprentissage des APIs et du développement moderne.
