0Pricing
JavaScript Academy · Leçon

Notions de base de JSON.parse et JSON.stringify

Convertissez des objets en chaînes JSON et inversement ; découvrez brièvement replacer et reviver ; gérez les entrées incorrectes en toute sécurité

Notions de base de JSON.parse et JSON.stringify est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 3 leçons au total.

Pourquoi JSON ?

Objectif : Sérialiser et analyser les données en toute sécurité.

  • JSON.stringify → chaîne
  • JSON.parse ← chaîne
  • fonction de remplacement/fonction de restauration (aperçu)
  • Conseils de sécurité de base
Notions de base de JSON.parse et JSON.stringify — illustration 1

stringify()

Utilisez JSON.stringify(value) pour obtenir une chaîne JSON. Pour améliorer la lisibilité, transmettez un nombre d’espaces (par exemple, 2).

// Turn a value into a JSON string
const user = { name: "Ayla", score: 12, active: true };
const json = JSON.stringify(user);
console.log("json:", json);

// Optional: pretty-print with spaces (2)
const pretty = JSON.stringify(user, null, 2);
console.log("pretty:", pretty);
Notions de base de JSON.parse et JSON.stringify — illustration 2

parse()

JSON.parse(text) renvoie la valeur. L’entrée doit être une chaîne JSON valide.

// Parse a JSON string back to a value
const raw = "{\"name\":\"Ayla\",\"score\":12,\"active\":true}";
const value = JSON.parse(raw);
console.log("name:", value.name, "score:", value.score);
Notions de base de JSON.parse et JSON.stringify — illustration 3

Remplacement lors de la sérialisation

Une fonction de remplacement(key, value) peut exclure ou modifier des champs lors de la sérialisation (par exemple, pour masquer des mots de passe).

// Replacer: filter or transform keys during stringify
const account = { id: 7, password: "secret", role: "user" };

// Hide sensitive fields
function replacer(key, value) {
  if (key === "password") return undefined; // drop it
  return value;
}

const safeJson = JSON.stringify(account, replacer, 2);
console.log("safeJson:", safeJson);
Notions de base de JSON.parse et JSON.stringify — illustration 4

Restauration lors de l’analyse

Une fonction de restauration(key, value) peut transformer les valeurs pendant l’analyse (par exemple, des chaînes → des objets de date).

// Reviver: convert specific strings back into richer types
const orderJson = "{\"when\":\"2024-06-01T10:00:00Z\",\"total\":25}";

function reviver(key, value) {
  if (key === "when" && typeof value === "string") {
    return new Date(value); // restore Date
  }
  return value;
}

const order = JSON.parse(orderJson, reviver);
console.log("is Date?", order.when instanceof Date);
console.log("total:", order.total);
Notions de base de JSON.parse et JSON.stringify — illustration 5

Sécurité et limites

Conseils :

  • Entourez JSON.parse d’un bloc de gestion d’erreur pour les données d’entrée non fiables.
  • Utilisez la fonction de remplacement pour supprimer les champs sensibles avant de les consigner ou de les partager.
  • JSON perd les fonctions et les informations de prototype ; il ne sérialise que les données.
Notions de base de JSON.parse et JSON.stringify — illustration 6

Quiz sur stringify et parse

Vérification rapide : sérialiser une valeur.

Notions de base de JSON.parse et JSON.stringify — illustration 7

Récapitulatif

Récapitulatif : Convertissez les valeurs avec JSON.stringify/JSON.parse ; utilisez une fonction de remplacement pour filtrer les champs et une fonction de restauration pour rétablir des types comme les objets de date ; ajoutez un bloc de gestion d’erreur pour plus de sécurité.

Notions de base de JSON.parse et JSON.stringify — illustration 8

Questions Fréquemment Posées

La leçon « Notions de base de JSON.parse et JSON.stringify » est-elle gratuite ?

Oui — le texte complet de « Notions de base de JSON.parse et JSON.stringify » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 3 leçons au total.

Qu'est-ce que j'apprendrai dans « Notions de base de JSON.parse et JSON.stringify » ?

Convertissez des objets en chaînes JSON et inversement ; découvrez brièvement replacer et reviver ; gérez les entrées incorrectes en toute sécurité Tu pratiques JavaScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer JavaScript Academy ?

Aucune expérience préalable n'est requise. JavaScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 3.

Combien de temps prend la leçon « Notions de base de JSON.parse et JSON.stringify » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon JavaScript Academy ?

Oui. Chaque leçon JavaScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Notions de base de JSON.parse et JSON.stringify
  2. Clonage structuré et URLSearchParams
  3. Stratégies d’analyse sûre du JSON
← Retour à JavaScript Academy