La web no tiene estado (no tiene memoria). LocalStorage nos permite persistir las preferencias del usuario (como el Modo Oscuro) entre visitas.
JSON: El Lenguaje Universal
javascript
const datos = { id: 1, titulo: "Aprende JS" };
// Objeto -> String (Empaquetar)
const empaquetado = JSON.stringify(datos);
console.log(empaquetado); // '{"id":1,"titulo":"Aprende JS"}'
// String -> Objeto (Desempaquetar)
const desempaquetado = JSON.parse(empaquetado);
console.log(desempaquetado.titulo);Advertencia de Seguridad
NUNCA almacenes datos sensibles
LocalStorage es accesible por cualquier JavaScript que se ejecute en tu página (incluyendo scripts de análisis o extensiones del navegador).
NUNCA almacenes contraseñas, información de tarjetas de crédito o tokens API sensibles en LocalStorage. Usa Cookies HttpOnly para eso.
Usando LocalStorage
javascript
// ¡Solo almacena Strings!
localStorage.setItem("puntaje", "100");
// Convertir de nuevo a número al leer
const puntaje = parseInt(localStorage.getItem("puntaje"));
console.log(puntaje + 50); // 150