IDBKeyRange: свойство lower

Чтение-только свойство lower интерфейса IDBKeyRange возвращает нижнюю границу диапазона ключей.

Нижняя граница диапазона ключей (может быть любого типа).

Следующий пример демонстрирует использование диапазона ключей. Здесь мы объявляем keyRangeValue = IDBKeyRange.upperBound("F", "W", true, true); — диапазон, который включает все значения между "F" и "W", но не включая их — поскольку и верхняя, и нижняя границы объявлены открытыми (true). Мы открываем транзакцию (с помощью IDBTransaction) и объект хранилища, и открываем курсор с помощью IDBObjectStore.openCursor, объявляя keyRangeValue в качестве необязательного значения диапазона ключей.

После объявления диапазона ключей мы выводим значение его свойства lower в консоль, которое должно отобразиться как "F".

function displayData() {
  const keyRangeValue = IDBKeyRange.bound("F", "W", true, true);
  console.log(keyRangeValue.lower);

  const transaction = db.transaction(["fThings"], "readonly");
  const objectStore = transaction.objectStore("fThings");

  objectStore.openCursor(keyRangeValue).onsuccess = (event) => {
    const cursor = event.target.result;
    if (cursor) {
      const listItem = document.createElement("li");
      listItem.textContent = `${cursor.value.fThing}, ${cursor.value.fRating}`;
      list.appendChild(listItem);

      cursor.continue();
    } else {
      console.log("Entries all displayed.");
    }
  };
}

• Использование IndexedDB
• Запуск транзакций: IDBDatabase
• Использование транзакций: IDBTransaction
• Установка диапазона ключей: IDBKeyRange
• Извлечение и изменение данных: IDBObjectStore
• Использование курсоров: IDBCursor
• Пример ссылки: Уведомления о задачах (Посмотреть пример онлайн).