¿Borrar localStorage en javascript?

¿Hay alguna manera de restablecer / borrar el almacenamiento local del navegador en javascript?

Use esto para borrar localStorage:

localStorage.clear();

Si desea eliminar un elemento o variable específica del almacenamiento local del usuario, puede usar

localStorage.removeItem("name of localStorage variable you want to remove");

window.localStorage.clear(); //try this to clear all local storage

Aquí hay una función que le permitirá eliminar todos los elementos de LocalStorage con excepciones. Necesitará jQuery para esta función. Puedes descargar la esencia .

Puedes llamarlo así

let clearStorageExcept = function(exceptions) {
  let keys = [];
  exceptions = [].concat(exceptions); // prevent undefined

  // get storage keys
  $.each(localStorage, (key) => {
    keys.push(key);
  });

  // loop through keys
  for (let i = 0; i < keys.length; i++) {
    let key = keys[i];
    let deleteItem = true;

    // check if key excluded
    for (let j = 0; j < exceptions.length; j++) {
      let exception = exceptions[j];
      if (key == exception) {
        deleteItem = false;
      }
    }

    // delete key
    if (deleteItem) {
      localStorage.removeItem(key);
    }
  }
};

El almacenamiento local está vinculado a lo global window. Cuando registramos el almacenamiento local en las devtools de Chrome, vemos que tiene las siguientes API:

Podemos usar las siguientes API para eliminar elementos:

1. localStorage.clear(): Borra todo el almacenamiento local
2. localStorage.removeItem('myItem'): Para eliminar elementos individuales

Lo primero es lo primero, debe verificar para asegurarse de que localStorage esté habilitado. Yo recomendaría hacerlo así:

var localStorageEnabled = false;
try { localStorageEnabled = !!localStorage; } catch(e) {};

Sí, puede (en algunos casos) simplemente verificar si localStorage es miembro del objeto de la ventana. Sin embargo, hay opciones de sandboxing de iframe (entre otras cosas) que arrojarán una excepción si incluso intenta acceder al índice 'localStorage'. Por lo tanto, por razones de mejores prácticas, esta es la mejor manera de verificar si localStorage está habilitado. Luego, puede borrar el almacenamiento local de esta manera.

if (localStorageEnabled) localStorage.clear();

Por ejemplo, podría borrar localStorage después de que se produzca un error en los navegadores webkit.

// clears the local storage upon error
if (localStorageEnabled)
  window.onerror = localStorage.clear.bind(localStorage);

En el ejemplo anterior, necesita el .bind(window)porque sin él, la localStorage.clearfunción se ejecutará en el contexto del windowobjeto, en lugar del localStorageobjeto, lo que hace que falle silenciosamente. Para demostrar esto, mira el siguiente ejemplo:

window.onerror = localStorage.clear;

es lo mismo que:

window.onerror = function(){
    localStorage.clear.call(window);
}

Si desea borrar todos los elementos que almacenó en localStorage, entonces

localStorage.clear();

Use esto para borrar todas las claves almacenadas.

Si desea borrar / eliminar solo una clave / valor específico, puede usar removeItem (clave) .

localStorage.removeItem('yourKey');

localStorage.clear();

o

window.localStorage.clear();

para borrar un artículo en particular

window.localStorage.removeItem("item_name");

Para eliminar un valor particular por id:

var item_detail = JSON.parse(localStorage.getItem("key_name")) || [];           
            $.each(item_detail, function(index, obj){
                if (key_id == data('key')) {
                    item_detail.splice(index,1);
                    localStorage["key_name"] = JSON.stringify(item_detail);
                    return false;
                }
            });

Para borrar la sesión Almacenamiento

sessionStorage.clear();

Aquí hay un código simple que borrará el almacenamiento local almacenado en su navegador mediante javascript

    <script type="text/javascript">

if(localStorage) { // Check if the localStorage object exists

    localStorage.clear()  //clears the localstorage

} else {

    alert("Sorry, no local storage."); //an alert if localstorage is non-existing
}

</script>

Para confirmar si localstorage está vacío, use este código:

<script type="text/javascript">

// Check if the localStorage object exists
if(localStorage) {

    alert("Am still here, " + localStorage.getItem("your object name")); //put the object name
} else {
    alert("Sorry, i've been deleted ."); //an alert
}

</script>

si devuelve nulo, se borra su almacenamiento local.

Este código aquí proporciona una lista de cadenas de claves que no desea eliminar, luego las filtra de todas las claves en el almacenamiento local y luego elimina las demás.

const allKeys = Object.keys(localStorage);

const toBeDeleted = allKeys.filter(value => {
  return !this.doNotDeleteList.includes(value);
});

toBeDeleted.forEach(value => {
  localStorage.removeItem(value);
});