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.