Wie kann man ein JS-Objekt im localStorage speichern?

Das Objekt muss in eine JSON-String umgewandelt werden.

// Erstellen des Objekts
const userData = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// Umwandlung des Objekts in eine JSON-String
const userDataString = JSON.stringify(userData);

// Speichern der String in localStorage
localStorage.setItem('currentUser', userDataString);

// Beispiel für das Abrufen und Umwandeln zurück in ein Objekt
const storedUserDataString = localStorage.getItem('currentUser');

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

localStorage kann nur Strings speichern. JSON.stringify() wandelt ein JavaScript-Objekt in eine JSON-String um, die gespeichert werden kann. Beim Abrufen wandelt JSON.parse() die JSON-String zurück in ein JavaScript-Objekt.