LocalStorage in Javascript löschen?

Gibt es eine Möglichkeit, den localStorage des Browsers in Javascript zurückzusetzen / zu löschen?

Verwenden Sie diese Option, um localStorage zu löschen:

localStorage.clear();

Wenn Sie ein bestimmtes Element oder eine bestimmte Variable aus dem lokalen Speicher des Benutzers entfernen möchten, können Sie verwenden

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

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

Hier ist eine Funktion, mit der Sie alle localStorage-Elemente mit Ausnahmen entfernen können. Für diese Funktion benötigen Sie jQuery . Sie können das Wesentliche herunterladen .

Sie können es so nennen

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 ist global angehängt window. Wenn wir localstorage in den Chrome-Devtools protokollieren, sehen wir, dass es die folgenden APIs hat:

Wir können die folgenden APIs zum Löschen von Elementen verwenden:

1. localStorage.clear(): Löscht den gesamten lokalen Speicher
2. localStorage.removeItem('myItem'): Einzelne Gegenstände entfernen

Zuerst müssen Sie überprüfen, ob localStorage aktiviert ist. Ich würde empfehlen, es so zu machen:

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

Ja, Sie können (in einigen Fällen) einfach überprüfen, ob der localStorage Mitglied des Fensterobjekts ist. Es gibt jedoch (unter anderem) iframe-Sandbox-Optionen, die eine Ausnahme auslösen, wenn Sie sogar versuchen, auf den Index 'localStorage' zuzugreifen. Aus Best-Practice-Gründen ist dies daher die beste Methode, um zu überprüfen, ob localStorage aktiviert ist. Dann können Sie den localStorage einfach so löschen.

if (localStorageEnabled) localStorage.clear();

Sie können beispielsweise den localStorage löschen, nachdem in Webkit-Browsern wie diesem ein Fehler aufgetreten ist.

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

Im obigen Beispiel benötigen .bind(window)Sie die localStorage.clearFunktion , da die Funktion ohne sie im Kontext des windowObjekts ausgeführt wird, anstatt dass das localStorageObjekt im Hintergrund fehlschlägt. Schauen Sie sich das folgende Beispiel an, um dies zu demonstrieren:

window.onerror = localStorage.clear;

ist das gleiche wie:

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

Wenn Sie alle Elemente löschen möchten, die Sie in localStorage gespeichert haben, dann

localStorage.clear();

Verwenden Sie diese Option, um alle gespeicherten Schlüssel zu löschen.

Wenn Sie nur einen bestimmten Schlüssel / Wert löschen / entfernen möchten, können Sie removeItem (Schlüssel) verwenden .

localStorage.removeItem('yourKey');

localStorage.clear();

oder

window.localStorage.clear();

um einen bestimmten Gegenstand zu löschen

window.localStorage.removeItem("item_name");

So entfernen Sie einen bestimmten Wert anhand der 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;
                }
            });

So löschen Sie sessionStorage

sessionStorage.clear();

Hier ist ein einfacher Code, der den in Ihrem Browser gespeicherten lokalen Speicher mithilfe von Javascript löscht

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

Verwenden Sie diesen Code, um zu bestätigen, ob localstorage leer ist:

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

Wenn null zurückgegeben wird, wird Ihr lokaler Speicher gelöscht.

Mit diesem Code geben Sie eine Liste von Schlüsselzeichenfolgen an, die Sie nicht löschen möchten. Anschließend werden diese aus allen Schlüsseln im lokalen Speicher gefiltert und die anderen gelöscht.

const allKeys = Object.keys(localStorage);

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

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