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 Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Facebook
Facebook
0
  • Bitcoin
  • Ethereum
  • Bitcoin cash
  • Tether
  • Stellar
Scan to Donate Bitcoin to 1L9sRKFJaXHQ8skQXR9b76KATmtEa9hsPn

Bitcoin!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Bitcoin. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Bitcoin

Scan to Donate Ethereum to 0xff68A1f93A2910A9DB02f7ab0DeD97F0ad62b541

Ethereum!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Ethereum. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Ethereum

Scan to Donate Bitcoin cash to qqysclxkfj4wnrqepksydauq74lzud805v9zlptxa8

Bitcoin cash!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Bitcoin cash. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Bitcoin cash

Scan to Donate Tether to 0xff68A1f93A2910A9DB02f7ab0DeD97F0ad62b541

Tether!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Tether. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Tether

Scan to Donate Stellar to GDIP3K46BRH3CDVGKDYWNEVHFI5LGG5MOBWU7QUCOCNOW4DJYIEMY2QC

Stellar!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Stellar. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Stellar

¿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

¿Quieres saber más?

 

¡La mejor información en tu correo!

(proximamente importantes novedades)