Cancellare localStorage in javascript?

C'è un modo per ripristinare / cancellare localStorage del browser in javascript?

Usa questo per cancellare localStorage:

localStorage.clear();

Se si desidera rimuovere un elemento o una variabile specifici dalla memoria locale dell'utente, è possibile utilizzare

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

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

Ecco una funzione che ti permetterà di rimuovere tutti gli oggetti localStorage con eccezioni. Sarà necessario jQuery per questa funzione. Puoi scaricare l'essenza .

Puoi chiamarlo così

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

Localstorage è allegato al globale window. Quando registriamo localstorage nei devtools di Chrome, vediamo che ha le seguenti API:

Possiamo usare le seguenti API per eliminare elementi:

1. localStorage.clear(): Cancella l'intero archivio locale
2. localStorage.removeItem('myItem'): Per rimuovere singoli elementi

Per prima cosa, è necessario verificare per assicurarsi che localStorage sia abilitato. Consiglierei di farlo in questo modo:

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

Sì, puoi (in alcuni casi) semplicemente verificare se localStorage è un membro dell'oggetto window. Tuttavia, ci sono opzioni di sandboxing iframe (tra le altre cose) che genereranno un'eccezione se si tenta anche di accedere all'indice "localStorage". Pertanto, per motivi di buone pratiche, questo è il modo migliore per verificare se localStorage è abilitato. Quindi, puoi semplicemente cancellare localStorage in questo modo.

if (localStorageEnabled) localStorage.clear();

Ad esempio, è possibile cancellare localStorage dopo che si è verificato un errore nei browser Webkit in questo modo.

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

Nell'esempio sopra, è necessario il .bind(window)perché senza di essa, la localStorage.clearfunzione verrà eseguita nel contesto windowdell'oggetto, invece che l' localStorageoggetto lo fa fallire silenziosamente. Per dimostrarlo, guarda l'esempio seguente:

window.onerror = localStorage.clear;

equivale a:

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

Quindi, se si desidera cancellare tutti gli elementi memorizzati in localStorage

localStorage.clear();

Utilizzare questo per cancellare tutta la chiave memorizzata.

Se si desidera cancellare / rimuovere solo chiave / valore specifici, è possibile utilizzare removeItem (chiave) .

localStorage.removeItem('yourKey');

localStorage.clear();

o

window.localStorage.clear();

per cancellare un elemento particolare

window.localStorage.removeItem("item_name");

Per rimuovere un valore particolare per 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;
                }
            });

Per cancellare sessionStorage

sessionStorage.clear();

Ecco un semplice codice che cancellerà il deposito locale memorizzato nel tuo browser usando 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>

Per confermare se localstorage è vuoto utilizzare questo codice:

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

se restituisce null, il tuo archivio locale viene cancellato.

Questo codice qui fornisce un elenco di stringhe di chiavi che non si desidera eliminare, quindi filtra quelle da tutte le chiavi nella memoria locale e quindi elimina le altre.

const allKeys = Object.keys(localStorage);

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

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