Bestimmen der Existenz eines lokalen Speicherelements

Bei der Arbeit mit Webspeicher ist es wichtig, die Existenz bestimmter Elemente zu überprüfen, bevor Sie auf sie zugreifen oder sie ändern. In diesem Fall möchten wir feststellen, ob ein bestimmtes Element in localStorage festgelegt ist.

Aktueller Ansatz

Die aktuelle Methode zum Überprüfen der Existenz eines Elements scheint zu sein:

if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) {
    // init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}

Verbesserter Ansatz

Eine einfachere und effizientere Möglichkeit, die Existenz eines Elements zu überprüfen, besteht jedoch darin, den Null-Rückgabewert der getItem-Methode zu verwenden. Gemäß der WebStorage-Spezifikation gibt getItem explizit null zurück, wenn das Element nicht im Speicher vorhanden ist.

Daher können Sie den folgenden Code verwenden, um die Existenz eines Elements zu überprüfen:

if (localStorage.getItem("infiniteScrollEnabled") === null) {
  //...
}

Zusätzliche Ressourcen

Für weitere Informationen zu diesem Thema könnte die folgende Ressource hilfreich sein:

• [Storing Objects in HTML5 localStorage](Link zu relevant Ressource)