Wie überprüfe ich, ob ein Speicherelement festgelegt ist?

Wie kann ich überprüfen, ob ein Artikel eingestellt ist localStorage? Zur Zeit benutze ich

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

Die getItemMethode in der WebStorage-Spezifikation gibt explizit zurück, nullwenn das Element nicht vorhanden ist:

... Wenn der angegebene Schlüssel in der dem Objekt zugeordneten Liste nicht vorhanden ist, muss diese Methode null zurückgeben. ...

Also kannst du:

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

Siehe diese verwandte Frage:

• Speichern von Objekten in HTML5 localStorage

Sie können dies mit der hasOwnPropertyMethode überprüfen

> localStorage.setItem('foo', 123)
undefined
> localStorage.hasOwnProperty('foo')
true
> localStorage.hasOwnProperty('bar')
false

Funktioniert in aktuellen Versionen von Chrome (Mac), Firefox (Mac) und Safari.

Der kürzeste Weg ist die Verwendung des Standardwerts, wenn sich der Schlüssel nicht im Speicher befindet:

var sValue = localStorage['my.token'] || ''; /* for strings */
var iValue = localStorage['my.token'] || 0; /* for integers */

Sie können dies auch versuchen, wenn Sie nach undefiniert suchen möchten:

if (localStorage.user === undefined) {
    localStorage.user = "username";
}

getItem ist eine Methode, die null zurückgibt, wenn kein Wert gefunden wird.

if(!localStorage.hash) localStorage.hash = "thinkdj";

Oder

var secret =  localStorage.hash || 42;

Für wahr

localStorage.infiniteScrollEnabled = 1;

FÜR FALSCH

localStorage.removeItem("infiniteScrollEnabled")

EXISTANZ PRÜFEN

if (localStorage[""infiniteScrollEnabled""]) {
  //CODE IF ENABLED
}

Sie sollten im localStorage nach dem Typ des Elements suchen

if(localStorage.token !== null) {
   // this will only work if the token is set in the localStorage
}

if(typeof localStorage.token !== 'undefined') {
  // do something with token
}

if(typeof localStorage.token === 'undefined') {
  // token doesn't exist in the localStorage, maybe set it?
}

Wie kann man die Existenz eines Gegenstandes in testen localStorage? Diese Methode funktioniert im Internet Explorer.

<script>
    try{
        localStorage.getItem("username");
    }catch(e){
        alert("we are in catch "+e.print);
    }
</script>

localStorage['root2']=null;

localStorage.getItem("root2") === null //false

Vielleicht ist es besser, den Plan zu scannen?

localStorage['root1']=187;
187
'root1' in localStorage
true

Der beste und sicherste Weg, den ich vorschlagen kann, ist dieser:

if(Object.prototype.hasOwnProperty.call(localStorage, 'infiniteScrollEnabled')){
    // init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}

Dies durchläuft die ESLint- no-prototype-builtinsRegel.

Ich habe in meinem Projekt verwendet und funktioniert perfekt für mich

var returnObjName= JSON.parse(localStorage.getItem('ObjName'));
if(returnObjName && Object.keys(returnObjName).length > 0){
   //Exist data in local storage
}else{
  //Non Exist data block
}

Einfacher Weg ist

if(localStorage.test){
console.log("now defined");
}
else{
console.log("undefined");
localStorage.test="defined;"
}

Wie es funktioniert

Wenn Sie localStorage.test zum ersten Mal aufrufen, enthält es keinen Speicher im localStorage-Objekt, sodass undefinierte Auslöser für andere Bedingungen zurückgegeben werden. Nachdem sonst ausgelöst wurde, setze ich eine neue Variable und überprüfe erneut, ob sie Daten enthält, damit sie Daten mit true in if-Bedingung zurückgeben

Versuchen Sie diesen Code

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

} else {

}