Come verificare se è stato impostato un elemento di archiviazione?

Come posso verificare se un articolo è impostato localStorage? Attualmente sto usando

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

Il getItemmetodo nella specifica WebStorage restituisce esplicitamente nullse l'articolo non esiste:

... Se la chiave fornita non esiste nell'elenco associato all'oggetto, questo metodo deve restituire null. ...

Così puoi:

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

Vedi questa domanda correlata:

• Archiviazione di oggetti in HTML5 localStorage

È possibile utilizzare il hasOwnPropertymetodo per verificare questo

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

Funziona con le versioni correnti di Chrome (Mac), Firefox (Mac) e Safari.

Il modo più breve è utilizzare il valore predefinito, se la chiave non è in memoria:

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

Puoi anche provare questo se vuoi controllare se non definito:

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

getItem è un metodo che restituisce null se il valore non viene trovato.

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

O

var secret =  localStorage.hash || 42;

Per VERO

localStorage.infiniteScrollEnabled = 1;

PER FALSO

localStorage.removeItem("infiniteScrollEnabled")

VERIFICA ESISTENZA

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

È necessario verificare il tipo di articolo nel 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?
}

Come si può verificare l'esistenza di un articolo localStorage? questo metodo funziona in 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

Forse è meglio fare una scansione del piano?

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

Il modo migliore e più sicuro che posso suggerire è questo,

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

Questo passa attraverso la no-prototype-builtinsregola di ESLint .

Ho usato nel mio progetto e funziona perfettamente per me

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

il modo più semplice è

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

Come funziona

quando si chiama localStorage.test per la prima volta, esso non contiene alcun archivio nell'oggetto localStorage, quindi restituisce trigger di condizione altrimenti indefiniti. dopo l'attivazione, ho impostato una nuova variabile e ricontrollare che contenga dati in modo che restituisca i dati con true in if condition

Prova questo codice

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

} else {

}