Определение существования элемента локального хранилища

При работе с веб-хранилищем крайне важно проверять существование определенных элементов перед доступом к ним или их изменением. В данном случае мы хотим определить, установлен ли конкретный элемент в localStorage.

Текущий подход

Текущий метод проверки существования элемента выглядит следующим образом:

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

Улучшенный подход

Однако упрощенный и более эффективный способ проверить существование элемента — использовать нулевое возвращаемое значение метода getItem. Согласно спецификации WebStorage, если элемент не существует в хранилище, getItem явно возвращает значение null.

Поэтому вы можете использовать следующий код для проверки существования элемента:

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

Дополнительные ресурсы

Для получения дополнительной информации по этой теме вам может оказаться полезным следующий ресурс:

• [Хранение объектов в HTML5 localStorage](ссылка на соответствующий ресурс)