Obtenga claves de almacenamiento local HTML5

Me pregunto cómo obtener todos los valores clave localStorage.

He intentado recuperar los valores con un simple bucle de JavaScript

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

Pero solo funciona si las teclas son números progresivos, comenzando en 1.

¿Cómo obtengo todas las claves para mostrar todos los datos disponibles?

en ES2017 puedes usar:

Object.entries(localStorage)

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

EDITAR: esta respuesta está recibiendo muchos votos positivos, así que supongo que es una pregunta común. Siento que se lo debo a cualquiera que pueda tropezar con mi respuesta y pensar que es "correcto" simplemente porque fue aceptado para hacer una actualización. La verdad es que el ejemplo anterior no es realmente la forma correcta de hacer esto. La mejor y más segura forma es hacerlo así:

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

Me gusta crear un objeto fácilmente visible de esta manera.

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

También hago algo similar con las cookies.

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

Puede usar la localStorage.key(index)función para devolver la representación de cadena, donde indexestá el enésimo objeto que desea recuperar.

Si el navegador admite HTML5 LocalStorage, también debe implementar Array.prototype.map, lo que permite esto:

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

Como la pregunta mencionaba la búsqueda de las claves, pensé que mencionaría que para mostrar cada par de claves y valores, podría hacerlo así (según la respuesta de Kevin):

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

Esto registrará los datos en el formato "clave: valor"

(Kevin: ¡siéntete libre de incluir esta información en tu respuesta si quieres!)

Esto imprimirá todas las claves y valores en localStorage:

ES6:

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

Puede obtener claves y valores como este:

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

Estoy de acuerdo con que Kevin tiene la mejor respuesta, pero a veces, cuando tiene diferentes claves en su almacenamiento local con los mismos valores, por ejemplo, desea que sus usuarios públicos vean cuántas veces han agregado sus artículos en sus cestas, debe mostrarles el varias veces, entonces puedes usar esto:

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 aquellos que mencionan el uso Object.keys(localStorage)... no lo hagan porque no funcionará en Firefox (irónicamente porque Firefox es fiel a las especificaciones). Considera esto:

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

Debido a que key, getItem y setItem son métodos prototípicos Object.keys(localStorage), solo regresarán ["key2"].

Lo mejor es hacer algo como esto:

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

También podemos leer por el nombre.

Digamos que hemos guardado el valor con el nombre 'usuario' como este

localStorage.setItem('user', user_Detail);

Entonces podemos leerlo usando

localStorage.getItem('user');

Lo usé y funciona sin problemas, no es necesario hacer el bucle for