Как проверить, установлен ли элемент хранилища?

Как я могу проверить, установлен ли элемент localStorage? В настоящее время я использую

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

getItemМетод в спецификации Webstorage, явно возвращается , nullесли элемент не существует:

... Если данный ключ не существует в списке, связанном с объектом, тогда этот метод должен возвратить нуль. ...

Так что вы можете:

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

Смотрите этот связанный вопрос:

• Хранение объектов в HTML5 localStorage

Вы можете использовать hasOwnPropertyметод, чтобы проверить это

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

Работает в текущих версиях Chrome (Mac), Firefox (Mac) и Safari.

Самый короткий путь - использовать значение по умолчанию, если ключ не находится в хранилище:

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

Вы также можете попробовать это, если хотите проверить неопределенность:

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

getItem - это метод, который возвращает ноль, если значение не найдено.

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

Или

var secret =  localStorage.hash || 42;

ИСТИННО

localStorage.infiniteScrollEnabled = 1;

НА ЛОЖЬ

localStorage.removeItem("infiniteScrollEnabled")

ПРОВЕРЬТЕ СУЩЕСТВОВАНИЕ

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

Вы должны проверить тип элемента в 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?
}

Как можно проверить наличие предмета в localStorage? этот метод работает в 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

Может быть, лучше сделать сканирование плана?

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

Лучший и самый безопасный способ, который я могу предложить, это,

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

Это проходит через no-prototype-builtinsправило ESLint .

Я использовал в своем проекте и отлично работает для меня

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

Пасхальный путь

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

Как это устроено

когда вы вызываете localStorage.test в первый раз, он не содержит никакого хранилища в объекте localStorage, поэтому он возвращает неопределенные триггеры условия else. после того как еще сработало, я установил новую переменную и снова проверил, что она содержит данные, чтобы они возвращали данные с истинным в условии if

Попробуйте этот код

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

} else {

}