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

Pour ceux qui mentionnent l'utilisation de Object.keys(localStorage) ... ne le faites pas car il ne fonctionnera pas dans Firefox (ironiquement parce que Firefox est fidèle à la spécification). Considérez ceci :

localStorage.setItem("key", "value1")
localStorage.setItem("key2", "value2")
localStorage.setItem("getItem", "value3")
localStorage.setItem("setItem", "value4")

Parce que key, getItem et setItem sont des méthodes prototypiques. Object.keys(localStorage) ne retournera que ["key2"] .

Le mieux est de faire quelque chose comme ça :

let t = [];
for (let i = 0; i < localStorage.length; i++) {
  t.push(localStorage.key(i));
}

Answer 2

On peut aussi lire par le nom.

Disons que nous avons enregistré la valeur avec le nom 'user' comme ceci

localStorage.setItem('user', user_Detail);

Ensuite, nous pouvons le lire en utilisant

localStorage.getItem('user');

Je l'ai utilisé et ça marche bien, pas besoin de faire la boucle for.