guardar - uso de localstorage javascript

HTML5-localStorage elimina y borra todos los datos

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Borrando localStorage en javascript? 8 respuestas

Necesito borrar todos los datos que configuré en localStorage . Con esto, me refiero a restablecer completamente localStorage a null cuando los usuarios eliminan sus cuentas.

¿Cómo puedo hacer eso con una función simple?

Intenté esto:

function clearLocalStorage(){
    return localStorage= null;
}

Pero no funciona como se esperaba.

Answer 1

Algo como esto debería hacer:

function cleanLocalStorage() {
    for(key in localStorage) {
        delete localStorage[key];
    }
}

Tenga cuidado con el uso de esto, ya que el usuario puede tener otros datos almacenados en localStorage y probablemente sería bastante marcado si lo eliminó. Recomendaría a) no almacenar los datos del usuario en localStorage o b) almacenar las cosas de la cuenta del usuario en una sola variable, y luego borrar eso en lugar de eliminar todas las claves en localStorage .

Editar : Como Lyn señaló, estarás bien con localStorage.clear() . Mis puntos anteriores siguen en pie, sin embargo.

Answer 2

El uso de .one garantiza que esto se haga solo una vez y no repetidamente.

$(window).one("focus", function() {
    localStorage.clear();
});

Está bien colocar varios oyentes de eventos con documentos listos (si necesita ejecutar otros eventos varias veces) siempre que no se exceda, por razones de legibilidad.

.one es especialmente útil cuando desea que el almacenamiento local se .one solo una vez que se abre una página web o cuando se instala una aplicación móvil la primera vez.

   // Fired once when document is ready
   $(document).one(''ready'', function () {
       localStorage.clear();
   });

Answer 3

Si desea eliminar / limpiar todos los valores del almacenamiento local, utilice

localStorage.clear();

Y si desea eliminar el elemento específico del almacenamiento local, utilice el siguiente código

localStorage.removeItem(key);

Answer 4

Solo funcionó para mí en Firefox al acceder desde el objeto de la window .

Ejemplo...

window.onload = function()
{
 window.localStorage.clear();
}

Answer 5

localStorage.clear();

Deberia trabajar.