Obter chaves localStorage HTML5

Eu só estou querendo saber como obter todos os valores-chave localStorage.

Eu tentei recuperar os valores com um loop JavaScript simples

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

Mas funciona apenas se as teclas forem números progressivos, iniciando em 1.

Como obtenho todas as chaves para exibir todos os dados disponíveis?

no ES2017 você pode usar:

Object.entries(localStorage)

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

EDIT: esta resposta está recebendo muitos votos positivos, então eu acho que é uma pergunta comum. Sinto que devo isso a qualquer um que possa tropeçar na minha resposta e achar que está "certo" só porque foi aceito para fazer uma atualização. A verdade é que o exemplo acima não é realmente o caminho certo para fazer isso. A maneira melhor e mais segura é fazer assim:

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

Eu gosto de criar um objeto facilmente visível a partir dele assim.

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

Eu faço uma coisa semelhante com os cookies também.

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

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

Você pode usar a localStorage.key(index)função para retornar a representação em cadeia, onde indexé o enésimo objeto que você deseja recuperar.

Se o navegador suportar HTML5 LocalStorage, ele também deve implementar Array.prototype.map, permitindo o seguinte:

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

Desde que a pergunta mencionou encontrar as chaves, achei que mencionaria que, para mostrar todos os pares de chaves e valores, você poderia fazer assim (com base na resposta de Kevin):

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

Isso registrará os dados no formato "chave: valor"

(Kevin: fique à vontade para apenas levar essa informação à sua resposta, se quiser!)

Isso imprimirá todas as chaves e valores no localStorage:

ES6:

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

Você pode obter chaves e valores como este:

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

Concordo com Kevin, ele tem a melhor resposta, mas às vezes quando você tem chaves diferentes em seu armazenamento local com os mesmos valores, por exemplo, você deseja que seus usuários públicos vejam quantas vezes eles adicionaram seus itens em suas cestas, você precisa mostrar a eles número de vezes, então você pode usar isto:

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;
}

Para aqueles que mencionam o uso Object.keys(localStorage)... não, porque não funcionará no Firefox (ironicamente porque o Firefox é fiel às especificações). Considere isto:

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

Como key, getItem e setItem são métodos prototípicos Object.keys(localStorage)retornados apenas ["key2"].

É melhor fazer algo assim:

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

Também podemos ler pelo nome.

Digamos que salvamos o valor com o nome 'user' assim

localStorage.setItem('user', user_Detail);

Então podemos ler usando

localStorage.getItem('user');

Eu usei e está funcionando sem problemas, não há necessidade de fazer o loop for