Índice de contenidos
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:
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
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:
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:
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.
Deja tu comentario