Qué es el localStorage

Es una característica de JavaScript que nos sirve para almacenar datos en nuestro navegador web, por supuesto también se puede recuperar.

Esta información se encuentra disponible o accesible por el navegado hasta que se elimine dicha información.

Informar que localStorage guarda datos mediante clave-valor, no puede guardar estructuras complejas de datos.

Ejemplos de cómo usar de localStorage

Las acciones disponibles son: Guardar, recuperar y borrar datos.

Cómo guardar datos

Para guardar datos debemos usar el método setItem.

Indicando como primer parámetro la clave identificativa y como segundo parámetro el string o valor a guardar.

Supongamos que queremos guardar un string en el localStorage, el código sería el siguiente:

Copiar

Si quisiéramos guardar un objeto en localStorage antes debemos convertirlo a un string (solo almacena datos como cadenas de textos), para ello, usaremos el método JSON.stringify

Copiar

Esta sería la forma de guardar datos en localStorage.

Cómo recuperar datos

En el caso de querer recuperar datos, la función correspondiente es getItem, teniendo que pasar la clave adecuada para recuperar el valor.

Siguiendo con los ejemplos anteriores, este sería el código resultante:

Copiar

Cómo borrar información

En programación puedes borrar datos del localStorage de forma general con el método clear, es decir, borras todas las claves, o bien puedes borrar una única clave determinada con el método removeItem.

Los ejemplos de borrar esta información serían los siguientes:

Copiar

Si eres un usuario y quieres ver/eliminar tu localStorage, justo al final de este apartado te paso una entrada que te muestra el localStorage de tu navegador.

Otra información acerca del localStorage

  • Los datos del localStorage se guardan a nivel de dominio.

  • Como máximo se puede almacenar entre unos 5 y 10Mb por dominio.

  • Habitualmente se guardan configuraciones de una aplicación como preferencias de usuario, cookies aceptadas, carritos, progesos en formularios, autenticaciones y otros datos temporales.

  • La información entre dominios no es compartida, tan solo se comparte entre pestañas y ventanas del mismo dominio

  • Puedes consultar en tu navegador la información guardada en tu localStorage, mira esta entrada, en la imagen de donde salen las cookies debes fijarte en la opción de «Almacenamiento local» en Firefox o bien «Local Storage» en Google Chrome y hacer click sobre ella para enumerar los datos guardados por ese dominio.

¡Valora este artículo y ayúdame a mejorar la calidad del blog, si no te ha servido, déjame un comentario para revisarlo!
(Votos: 1 Promedio: 3)