Hoe kun je een JS-object opslaan in localStorage?

Het object moet worden omgezet in een JSON-string.

// Object maken
const userData = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// Object omzetten naar JSON-string
const userDataString = JSON.stringify(userData);

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

// Voorbeeld van ophalen en terug omzetten naar object
const storedUserDataString = localStorage.getItem('currentUser');

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

localStorage kan alleen strings opslaan. JSON.stringify() zet een JavaScript-object om in een JSON-formaat string, die kan worden opgeslagen. Bij het ophalen wordt JSON.parse() gebruikt om de JSON-string weer om te zetten in een JavaScript-object.