Comment peut-on sauvegarder un objet JS dans localStorage?

Il faut convertir l'objet en une chaîne JSON.

// Création de l'objet
const userData = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// Conversion de l'objet en chaîne JSON
const userDataString = JSON.stringify(userData);

// Enregistrement de la chaîne dans localStorage
localStorage.setItem('currentUser', userDataString);

// Exemple de récupération et de reconversion en objet
const storedUserDataString = localStorage.getItem('currentUser');

if (storedUserDataString) {
  const storedUserData = JSON.parse(storedUserDataString);
  console.log(storedUserData.name); // Affichera 'John'
}

localStorage ne peut stocker que des chaînes. JSON.stringify() convertit un objet JavaScript en une chaîne au format JSON, qui peut être sauvegardée. Lors de la récupération, JSON.parse() convertit la chaîne JSON en un objet JavaScript.