Bir Depolama öğesinin ayarlanıp ayarlanmadığı nasıl kontrol edilir?

Bir öğenin ayarlanıp ayarlanmadığını nasıl kontrol edebilirim localStorage? Şu anda kullanıyorum

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

getItemWebStorage şartnamede yöntem, açıkça döner nullöğesi yoksa:

... Verilen anahtar nesne ile ilişkili listede yoksa, bu yöntemin null değerini döndürmesi gerekir. ...

Böylece yapabilirsiniz:

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

Bu ilgili soruya bakın:

• Nesneleri HTML5'te depolama localStorage

Bunu hasOwnPropertykontrol etmek için yöntemi kullanabilirsiniz

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

Chrome (Mac), Firefox (Mac) ve Safari'nin mevcut sürümlerinde çalışır.

Anahtar depoda değilse, en kısa yol varsayılan değeri kullanmaktır:

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

Tanımsız olup olmadığını kontrol etmek istiyorsanız bunu da deneyebilirsiniz:

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

getItem, değer bulunmazsa null döndüren bir yöntemdir.

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

Veya

var secret =  localStorage.hash || 42;

Doğru için

localStorage.infiniteScrollEnabled = 1;

YANLIŞ İÇİN

localStorage.removeItem("infiniteScrollEnabled")

Varlığı Kontrol Et

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

LocalStorage'da öğenin türünü kontrol etmelisiniz

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

Kişi bir öğenin varlığını nasıl test edebilir localStorage? bu yöntem internet explorer'da çalışır.

<script>
    try{
        localStorage.getItem("username");
    }catch(e){
        alert("we are in catch "+e.print);
    }
</script>

localStorage['root2']=null;

localStorage.getItem("root2") === null //false

Belki bir plan taraması yapmak daha iyi?

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

Önerebileceğim en iyi ve en güvenli yol,

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

Bu ESLint'in no-prototype-builtinskuralından geçer .

Projemde kullandım ve benim için mükemmel çalışıyor

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

kolay yol

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

Nasıl çalışır

localStorage.test öğesini ilk çağırdığınızda, localStorage nesnesine herhangi bir mağaza içermediğinden tanımsız başka koşul tetikleyicileri döndürür. başka tetiklendikten sonra yeni bir değişken belirledim ve tekrar veri içeriyorsa kontrol edin.

Bu kodu deneyin

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

} else {

}