85 votes

Comment puis-je afficher toutes les variables sauvegardées de localStorage ?

Je veux accéder à toutes les variables localStorage enregistrées sur une page spécifique. Comment dois-je m'y prendre ? Je veux les afficher comme je le ferais pour un tableau avec la fonction join().

0 votes

139voto

Greg Points 15661

Vous pouvez essayer d'itérer à travers tous les éléments de l'objet localStorage :

for (var i = 0; i < localStorage.length; i++){
    // do something with localStorage.getItem(localStorage.key(i));
}

12 votes

Je pense qu'il faut mentionner que vous pouvez obtenir le nom de la clé pour i avec localStorage.key(i)

5 votes

Peut-être qu'il sera utile à quelqu'un. Notez qu'à l'intérieur, vous ne pouvez pas removeItem du stockage car alors localStorage.length diminuera donc for s'échappera plus tôt que vous ne le souhaitez. Si vous voulez retirer des éléments de localStorage, n'oubliez pas de mettre en cache la longueur avant for boucle et boucle depuis la fin.

1 votes

Pour de meilleures performances, la boucle devrait être : for (var i = 0, l = localStorage.length; i<l; ...

40voto

Mark Points 69

J'utilise fréquemment ce bloc de code :

var i;

console.log("local storage");
for (i = 0; i < localStorage.length; i++)   {
    console.log(localStorage.key(i) + "=[" + localStorage.getItem(localStorage.key(i)) + "]");
}

console.log("session storage");
for (i = 0; i < sessionStorage.length; i++) {
    console.log(sessionStorage.key(i) + "=[" + sessionStorage.getItem(sessionStorage.key(i)) + "]");
}

21voto

L Ananta Prasad Points 989

Console log le localStorage. C'est très simple.

console.log(localStorage);

15voto

jujule Points 4353

Vous pouvez également vérifier l'état et les données de localStorage directement dans les outils pour développeurs de Google Chrome :

Localstorage in Chrome Dev Tools

7voto

zanetu Points 463
for(var i in localStorage) {
    console.log(i + ' = ' + localStorage[i]);
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X