Como verificar se um item de armazenamento está definido?

Como posso verificar se um item está definido localStorage? Atualmente estou usando

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

O getItemmétodo na especificação WebStorage retorna explicitamente nullse o item não existir:

... Se a chave fornecida não existir na lista associada ao objeto, esse método deverá retornar nulo. ...

Então você pode:

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

Veja esta pergunta relacionada:

• Armazenando objetos em HTML5 localStorage

Você pode usar o hasOwnPropertymétodo para verificar isso

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

Funciona nas versões atuais do Chrome (Mac), Firefox (Mac) e Safari.

A maneira mais curta é usar o valor padrão, se a chave não estiver no armazenamento:

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

Você também pode tentar isso se quiser verificar indefinidamente:

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

getItem é um método que retorna nulo se o valor não for encontrado.

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

Ou

var secret =  localStorage.hash || 42;

De verdade

localStorage.infiniteScrollEnabled = 1;

PARA FALSO

localStorage.removeItem("infiniteScrollEnabled")

VERIFIQUE A EXISTÊNCIA

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

Você deve verificar o tipo do item no 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?
}

Como alguém pode testar a existência de um item localStorage? esse método funciona no 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

Talvez seja melhor fazer uma varredura do plano?

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

A melhor e mais segura maneira de sugerir é essa,

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

Isso passa pela no-prototype-builtinsregra do ESLint .

Eu usei no meu projeto e funciona perfeitamente para mim

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

maneira easist é

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

Como funciona

quando você chama localStorage.test pela primeira vez, ele não contém nenhum armazenamento no objeto localStorage; portanto, ele retorna outros gatilhos de condição indefinidos. depois de disparado, defino uma nova variável e verifique novamente se ela contém dados para retornar dados com true se condição

Experimente este código

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

} else {

}