htmlcinco

HTML 5, encontrá novedades, tutoriales y traducciones sobre este lenguaje.

Guardar un objeto o array en localStorage

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.

Comparte conocimiento:
Tweet about this on Twitter2Share on LinkedIn0Share on Facebook0Share on Google+0
¿Quieres saber más?
¡Suscríbete a nuestro newsletter!

Respetamos tu privacidad y tu tiempo, no recibirás ningún tipo de correo basura.

2 comentarios para “Guardar un objeto o array en localStorage”

  1. Ra dice:

    Bien gracias!!

  2. Chavi dice:

    Yo Prefiero utilizar cookies

Dejar un comentario