Obtenir les clés HTML5 localStorage

Question

Je me demande juste comment obtenir toutes les valeurs de clés dans localStorage .

---

J'ai essayé de récupérer les valeurs avec une simple boucle JavaScript.

for (var i=1; i <= localStorage.length; i++)  {
   alert(localStorage.getItem(i))
}

Mais cela ne fonctionne que si les touches sont des numéros progressifs, en commençant par 1.

---

Comment obtenir toutes les clés, afin d'afficher toutes les données disponibles ?

Answer 1

for (var key in localStorage){
   console.log(key)
}

EDIT : cette réponse obtient beaucoup de votes positifs, donc je suppose que c'est une question courante. J'ai l'impression que je dois faire une mise à jour pour tous ceux qui pourraient tomber sur ma réponse et penser qu'elle est "juste" juste parce qu'elle a été acceptée. La vérité, c'est que l'exemple ci-dessus n'est pas vraiment le bon. droite manière de le faire. Le meilleur moyen et le plus sûr est de faire comme ceci :

for ( var i = 0, len = localStorage.length; i < len; ++i ) {
  console.log( localStorage.getItem( localStorage.key( i ) ) );
}

Answer 2

Dans l'ES2017, vous pouvez utiliser :

Object.entries(localStorage)

Answer 3

J'aime créer un objet facilement visible à partir de ça, comme ceci.

Object.keys(localStorage).reduce(function(obj, str) { 
    obj[str] = localStorage.getItem(str); 
    return obj
}, {});

Je fais la même chose avec les cookies.

document.cookie.split(';').reduce(function(obj, str){ 
    var s = str.split('='); 
    obj[s[0].trim()] = s[1];
    return obj;
}, {});

Answer 4

function listAllItems(){  
    for (i=0; i<localStorage.length; i++)  
    {  
        key = localStorage.key(i);  
        alert(localStorage.getItem(key));
    }  
}

Answer 5

Vous pouvez utiliser le localStorage.key(index) pour retourner la représentation de la chaîne de caractères, où index est le nième objet que vous voulez récupérer.