Comment vérifier si un élément de Stockage est réglé?

Comment puis-je vérifier si un élément est défini dans localStorage? Actuellement, je suis en utilisant

if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) {
    //init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}
  • semble, vous aurez un problème sans un stockage de mutex
InformationsquelleAutor Jiew Meng | 2010-07-16
  1. 435

    La getItem méthode dans le WebStorage spécification, renvoie explicitement null si l'élément n'existe pas:

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

    Donc, vous pouvez:

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

    Voir cette question connexe:

    • Pourriez-vous ajouter votre propre méthode pour localStorage pour encapsuler ce petit test? E. g. localStorage.hasItem("infiniteScrollEnabled")?
    • Oui, vous pouvez même augmenter la Storage.prototype objet, mais comme une règle du pouce je le recommande toujours à ne pas modifier les objets que vous ne possédez pas, spécialement objets hôte.
    • ooh ouais, bons points là-bas. Venant d'un fond de CSS, l'idée que je puisse corriger les problèmes de navigateur moi est excitant, mais je peux voir comment coucher avec le navigateur d'objets pourrait prêter à confusion.
    • La note est incorrect - la version actuelle de la Storage interface indique expressément que les valeurs sont de type DOMString. w3.org/TR/webstorage/#the-storage-interface
    • Oui, la remarque est tout à fait tort. Merci de le supprimer pour éviter toute confusion.
    • Note supprimé. Merci @TimothyZorn et Alnitak
    • Merci! Cependant, la question tente de définir une valeur dans le Stockage vrai et vérifie si c'est vrai, c'est peut être une bonne idée de mentionner que les clés et les valeurs ne peuvent être des chaînes de caractères, et tout ce que vous transmettez en tant que valeur est implicitement converti en une chaîne de caractères.
    • Cela n'a pas fonctionné pour moi
    • génial, c'est la bonne façon de vérifier localStorage.

    InformationsquelleAutor CMS
  2. 25

    Vous pouvez utiliser hasOwnProperty méthode pour vérifier cette

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

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

    • Il faut l'accepté de répondre. La accepté on va considérer un stockées "null" valeur n'est pas définie, ce qui est faux.
    • Vous ne pouvez pas avoir un stockées null de valeur. Vous pouvez avoir "null", mais le code il n'y aura pas de mal se conduire sur elle, tandis que celui-ci échoue sur length clé.
    • vous avez raison, j'ai eu ce comportement parce que j'ai été directement à l'analyse des données enregistrées et que JSON.parse("null") === JSON.parse(null) j'ai eu une collision.
    • Le suivant ESLint d'erreur: "Ne pas accéder à l'Objet.prototype de la méthode 'hasOwnProperty' partir de l'objet cible.eslint(pas-prototype-les builtins)"
    InformationsquelleAutor Stephan Hoyer
  3. 17

    Le chemin le plus court est d'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 */
    InformationsquelleAutor Vladislav
  4. 4

    Vous pouvez également essayer si vous voulez vérifier l'indéfini:

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

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

    InformationsquelleAutor Prime_Coder
  5. 1

    Pour VRAI

    localStorage.infiniteScrollEnabled = 1;

    POUR FAUX

    localStorage.removeItem("infiniteScrollEnabled")

    VÉRIFIER L'EXISTENCE

    if (localStorage[""infiniteScrollEnabled""]) {
  //CODE IF ENABLED
}
    InformationsquelleAutor Derin
  6. 1
    if(!localStorage.hash) localStorage.hash = "thinkdj";

    Ou

    var secret =  localStorage.hash || 42;
    • Les travaux de cette. Pourquoi le downvote?
    • JavaScript renvoie la première valeur non nulle ou positive de la valeur des Exemples: [ null || "abc" ] sera de retour "abc" [ 2 || 5 ] sera de retour 2 [ 0 || 5 ] sera de retour 5 [ 1 || 5 ] sera de retour 1 etc. D'où le code ci-dessus fonctionne.
    InformationsquelleAutor Deepak Thomas
  7. 1

    Vous devriez vérifier pour la 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?
}
    InformationsquelleAutor webmaster
  8. 1

    Comment peut on tester l'existence d'un élément dans localStorage?
    cette méthode fonctionne dans internet explorer.

    <script>
    try{
        localStorage.getItem("username");
    }catch(e){
        alert("we are in catch "+e.print);
    }
</script>
    • Il a certainement ne devriez pas; getItem retourne null pour les clés qui n'existent pas.
    • J'ai eu le même problème avec IE, et c'est la solution pour elle, ++
    • Vous devriez certainement try | catch lors de l'analyse de l'élément.
    InformationsquelleAutor le vantard
  9. 0
    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
    InformationsquelleAutor zloctb