IDBKeyRange: метод upperBound() статический

Статический метод upperBound() интерфейса IDBKeyRange создаёт новый диапазон ключей с верхним пределом. По умолчанию он включает значение верхнего предельного ключа и является закрытым.

upper

Указывает верхний предел нового диапазона ключей.

open Необязательно

Указывает, исключает ли верхний предел значение конечной точки. По умолчанию — false.

IDBKeyRange: Созданный диапазон ключей.

DataError DOMException

Выбрасывается, если ключ, связанный с параметром upper, не является допустимым ключом.

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

Если мы использовали бы IDBKeyRange.upperBound("F", true);, то диапазон не включал бы "F" и включал бы только значения, предшествующие ему.

function displayData() {
  const keyRangeValue = IDBKeyRange.upperBound("F");

  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
• Пример ссылки: Уведомления о задачах (Посмотреть пример).