Guardar un objeto o array en localStorage

La API de localStorage es muy utilizada debido a su simpleza para guardar datos del lado del cliente. Persistir un objeto o array de javascript en el navegador es fácil…
La clave está en que localStorage solos nos permite guardar un string. Así que primero debemos convertir nuestro objeto a string con JSON.stringify() como en el siguiente ejemplo:
1 2 3 4 | var miObjeto = { 'marcado': 'html5', 'estilo': 'css3', 'comportamiento': 'js' }; // Guardo el objeto como un string localStorage.setItem('datos', JSON.stringify(miObjeto)); |
A la hora de obtener lo guardado anteriormente hacemos lo opuesto, usando JSON.parse():
1 2 3 4 | // Obtengo el string previamente salvado y luego var guardado = localStorage.getItem('datos'); console.log('objetoObtenido: ', JSON.parse(guardado)); |
Manera muy simple de persistir datos en el lado del cliente gracias a HTML5.
¿Quieres saber más?
¡La mejor información en tu correo!
(proximamente importantes novedades)
Bien gracias!!
Yo Prefiero utilizar cookies