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:
Share on twitter
Twitter
Share on linkedin
Linkedin
0Share on facebook
Facebook
0Share on google
Google
Please Add coin wallet address in plugin settings panel
¿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:
    enero 16, 2017 a las 3:26 am

    Bien gracias!!

  2. Chavi dice:
    enero 16, 2017 a las 5:41 pm

    Yo Prefiero utilizar cookies

Dejar un comentario

¿Quieres saber más?

 

¡La mejor información en tu correo!

(proximamente importantes novedades)