Cómo usar Local Storage en Java Script

Local Storage en Java Script

En el desarrollo web cada vez es más importante almacenar datos en el cliente, para eso utilizamos el Local Storage en Java Script.

Local Storage nos permite almacenar datos del lado del cliente de hasta un máximo de 5MB. Esto nos permite crear aplicaciones mucho más robustas y rápidas.

En Local Storage podemos guardar cualquier tipo de datos, por ejemplos un string, array o números.

Ejemplo de Local Storage en Java Script

En la siguiente linea de código estamos guardando una cadena de caracteres en el Local Storage:

localStorage["cadena"] = "Una cadena";

Luego para obtener esa variable debemos hacer lo siguiente:

console.log(localStorage["cadena"]);

Por consola se mostrará el valor de la variable “cadena” que en nuestro caso es “Una cadena”. De la misma forma también podemos almacenar una lista de números:

localStorage["lista"] = [1, 2, 3, 4];
console.log(localStorage["lista"][0]);

La API de Loca Storage también permite almacenar y obtener datos con la función setItem y getItem:

localStorage.setItem("lista", [1, 2, 3, 4]);
console.log(localStorage.getItem("lista")[0]);

De esta forma tan sencilla se utiliza el Local Storage, es de gran importancia saber que esta funcionalidad sólo funciona en navegadores compatible con HTML5 y ya que hoy en día todos lo soportan se puede usar tranquilamente.

Eso es todo lo que se tiene que saber a la hora de almacenar datos con Local Storage, espero que les haya sido de utilidad. Ante cualquier problema no duden en dejar un comentario.

Compartilo en
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestEmail this to someone

AboutJosé Di Meglio

Apasionado de la tecnología y programación. Aportando información gratuita sobre el mundo de la informática.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *