Listar el contenido de Local Storage en HTML5

29/Oct/2010 HTML5 2 Comentarios

Si desconocemos las claves de la Local Storage del navegador en HTML5, siempre podemos acceder a listar el contenido de la caché.

Para ello, lo primero que haremos será el conocer el tamaño de la caché. Esto nos lo proporciona la propiedad .length

for (x=0; x<=localStorage.length-1; x++)  { ... }

Así, mediante un bucle for podremos iterar sobre los elementos de la caché.

De cada una de las posiciones de la caché vamos a pedir el nombre de la clave que contiene. El método .key() será el que nos sirva para poder realizar dicha acción:

clave = localStorage.key(x);

Una vez que tenemos la clave solo nos queda acceder al contenido de la misma mediante el método .getItem()

localStorage.getItem(clave);

El código final que accede al contenido de la Local Storage en HTML5 nos quedará de la siguiente forma:

for (x=0; x<=localStorage.length-1; x++)  {  
  clave = localStorage.key(x); 
  document.write("La clave " + clave + "contiene el valor " + localStorage.getItem(clave) + "
"); }

2 comentarios en “Listar el contenido de Local Storage en HTML5”

Víctor Cuervo

Fabian

como podría hacer para validar si un dato ingresado por el usuario existe en el localstorage

Víctor Cuervo

Yohnah

Eso solo funciona si el localStore las key no son asociativas, para las asociativas es mejor:

for (I in localStore) {
document.write(localStore[i]);
}

Saludos

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.