Listar el contenido de Local Storage en HTML5

29/Oct/2010 HTML5 3 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

  1. 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:

  1. clave = localStorage.key(x);

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

  1. localStorage.getItem(clave);

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

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

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

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

Responder a Yohnah Cancelar respuesta

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

*

*