#dia 71 ¿Cómo guardar los datos de mi aplicación web en memoria local? O sobre como usar local storage
Abre una nueva pestaña ahora mismo y entra a twitter o facebook, la red social que tú utilices y respondeme algo
¿Entro de inmediato en tu cuenta personal y tardó muy poco en abrir?, ¿Verdad?
Si fue asi es porque están usando memoria caché (y cookies pero eso es otro tema)
Para que puedas lograrlo tú con javascript vanilla, puedes hacer uso del objeto localStorage (Almacenamiento local) y sessionStorage (almacenamiento de sesión) que son quienes almacenan datos de tu aplicación web
Veamos el detalle, para simplificar te ejemplificaré todo con localStorage
Usando los mètodos de localStorage
Antes que nada, para consultar si hay archivos en localStorage simplemente llama al objeto
/*Viendo que hay en memoria local
====================================*/
console.log(localStorage)
console.log(window.localStorage) //funcionan igual
Pruebalo en esta misma pàgina y veràs los datos que Linkedin tiene guardados!
- Borrando datos en localStorage
//Ejecutando metodo para borrar los datos de localStorage
localStorage.clear()
- Agregando nuevos datos a localStorage
//Ejecutando metodo para borrar los datos de localStorage
localStorage.setItem("usuario","Daniel Páez")
//usamos dos parametros, la llave y el valor
- Obteniendo datos de localStorage
//Ejecutando metodo para borrar los datos de localStorage
localStorage.getItem("usuario")
//usamos el parametro de la llave para acceder al valor
- Usando JSON para hacer magia
usuario = {
nombre: "Daniel Pàez",
edad: 18,
profesión: "Desarrollador web cool"
}
localStorage.setItem("usuario",JSON.stringify(usuario))
localStorage.getItem("usuario")
- Para qué me sirve: casos pràcticos