¿Cómo verificar si un elemento de almacenamiento está configurado?

¿Cómo puedo verificar si un artículo está configurado localStorage? Actualmente estoy usando

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

El getItemmétodo en la especificación de WebStorage, devuelve explícitamente nullsi el elemento no existe:

... Si la clave dada no existe en la lista asociada con el objeto, entonces este método debe devolver nulo. ...

Así que puedes:

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

Ver esta pregunta relacionada:

• Almacenar objetos en HTML5 localStorage

Puede usar el hasOwnPropertymétodo para verificar esto

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

Funciona en las versiones actuales de Chrome (Mac), Firefox (Mac) y Safari.

La forma más corta es usar el valor predeterminado, si la clave no está almacenada:

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

También puede probar esto si desea verificar si no está definido:

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

getItem es un método que devuelve nulo si no se encuentra el valor.

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

O

var secret =  localStorage.hash || 42;

De verdad

localStorage.infiniteScrollEnabled = 1;

Para falso

localStorage.removeItem("infiniteScrollEnabled")

VERIFICAR EXISTENCIA

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

Debe verificar el tipo de elemento en el almacenamiento local

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

¿Cómo se puede probar la existencia de un artículo en localStorage? Este método funciona en 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

¿Quizás sea mejor hacer un escaneo del plan?

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

La mejor y más segura forma en que puedo sugerir es esto,

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

Esto pasa por la no-prototype-builtinsregla de ESLint .

Lo he usado en mi proyecto y funciona perfectamente para mí.

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

la forma más fácil es

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

Cómo funciona

cuando llama a localStorage.test por primera vez, no contiene ninguna tienda en el objeto localStorage, por lo que devuelve desencadenantes de condición no definidos. después de que se activara, configuré una nueva variable y nuevamente verifiqué que contiene datos para que devuelva datos con verdadero en condición

Prueba este código

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

} else {

}