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

Vous pouvez obtenir des clés et des valeurs comme ceci :

for (let [key, value] of Object.entries(localStorage)) {
  console.log(`${key}: ${value}`);
}

Answer 2

Si le navigateur prend en charge le LocalStorage HTML5, il doit également mettre en œuvre Array.prototype.map, ce qui permet de le faire :

Array.apply(0, new Array(localStorage.length)).map(function (o, i) {
    return localStorage.key(i);
})

Answer 3

Puisque la question mentionnait la recherche des clés, je me suis dit que pour afficher chaque paire clé-valeur, vous pourriez faire comme ceci (basé sur la réponse de Kevin) :

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

Cela permettra d'enregistrer les données dans le format "clé : valeur".

(Kevin : n'hésitez pas à reprendre cette information dans votre réponse si vous le souhaitez).

Answer 4

Je suis d'accord avec Kevin, il a la meilleure réponse, mais parfois, lorsque vous avez différentes clés dans votre stockage local avec les mêmes valeurs, par exemple, si vous voulez que vos utilisateurs publics voient combien de fois ils ont ajouté leurs articles dans leurs paniers, vous devez leur montrer le nombre de fois aussi, alors vous pouvez utiliser ceci :

var set = localStorage.setItem('key', 'value');
var element = document.getElementById('tagId');

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

Answer 5

Ceci imprimera toutes les clés et valeurs sur localStorage :

ES6 :

for (let i=0; i< localStorage.length; i++) {
    let key = localStorage.key(i);
    let value = localStorage[key];
    console.log(`localStorage ${key}:  ${value}`);
}