Vérifier si l'élément localStorage existe ne fonctionne pas

Question

J'ai cherché pendant plusieurs heures, mais rien n'a résolu mon problème: impossible de vérifier si une clé existe dans le localStorage.

Dans mon application de chat, Une fois que l'utilisateur ouvre un nouvel onglet, je veux vérifier s'il est déjà utilisateur enregistré, je le fais en utilisant la variable localStorage de la manière suivante:

window.addEventListener('load', function() { 
    var s=localStorage.getItem("localStor"); 
    if (s === null){ 
     console.log("is null"); //does not enter here 
    }else{ 
     console.log(s); // prints [object *O*bject] 
     console.log(JSON.parse(s).name); //getting an error (see below) 
    } 
}, false); 

Lors de l'analyse que je reçois l'erreur:

Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse (<anonymous>)

le premier endroit où je mis localStor objet localStorage est qu'après l'enregistrement et il est dans une fonction qui est appelée uniquement lorsque vous cliquez sur un bouton élément HTML. Mais logiquement, il ne devrait pas entrer dans le else de la première place.

Une idée de pourquoi cela ne fonctionne pas? toute aide est appréciée.

Answer 1

On dirait que vous avez oublié de sérialiser votre objet avant de stocker dans localStorage, vous devez utiliser

localStorage.setItem('localStor', JSON.stringify(yourObject)); 

cela devrait fonctionner comme prévu.

Comme il semble qu'il y ait un élément voyou dans votre localStorage, vous pouvez réinitialiser localStorage et essayez à nouveau:

localStorage.clear() 

Answer 2

Vous devez utiliser JSON.stringify pour sérialiser votre objet avant de le mettre dans le stockage local. Votre code a-t-il placé l'objet localStor dans le stockage local en premier lieu?

Si c'est le cas, lorsque vous faites cela, il doit être sérialisé avant d'être mis en place afin qu'il puisse ensuite être lu avec succès en utilisant JSON.parse.

Si localStorage.getItem ne renvoie pas de valeur NULL, la clé demandée est localStorage. Sa valeur de retour ne ment pas. Le fait demeure que vous récupérez un objet non sérialisé à partir du getter, vous devez donc déterminer où cet objet a été placé par erreur localStorage.