Comment vérifier si un élément de stockage est défini?

Comment puis-je vérifier si un élément est installé localStorage? Actuellement j'utilise

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

La getItemméthode de la spécification WebStorage renvoie explicitement nullsi l'élément n'existe pas:

... Si la clé donnée n'existe pas dans la liste associée à l'objet alors cette méthode doit retourner null. ...

Afin que vous puissiez:

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

Voir cette question connexe:

• Stockage d'objets dans HTML5 localStorage

Vous pouvez utiliser une hasOwnPropertyméthode pour vérifier cela

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

Fonctionne dans les versions actuelles de Chrome (Mac), Firefox (Mac) et Safari.

Le moyen le plus court consiste à utiliser la valeur par défaut, si la clé n'est pas dans le stockage:

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

Vous pouvez également essayer ceci si vous souhaitez vérifier si non défini:

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

getItem est une méthode qui renvoie null si aucune valeur n'est trouvée.

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

Ou

var secret =  localStorage.hash || 42;

Pour de vrai

localStorage.infiniteScrollEnabled = 1;

POUR LES FAUX

localStorage.removeItem("infiniteScrollEnabled")

VERIFIER L'EXISTANCE

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

Vous devez vérifier le type de l'élément dans le localStorage

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

Comment peut-on tester l'existence d'un article dans localStorage? cette méthode fonctionne dans 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

Peut-être mieux de faire un scan du plan?

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

La meilleure et la plus sûre façon que je puisse suggérer est la suivante,

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

Cela passe par la no-prototype-builtinsrègle d'ESLint .

J'ai utilisé dans mon projet et fonctionne parfaitement pour moi

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

est plus facile

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

Comment ça fonctionne

lorsque vous appelez localStorage.test la première fois, il ne contient aucun magasin dans l'objet localStorage, il renvoie donc des déclencheurs de condition else non définis. après le déclenchement, j'ai défini une nouvelle variable et vérifié à nouveau qu'elle contient des données afin qu'elle renvoie les données avec la condition true in if

Essayez ce code

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

} else {

}