IDBKeyRange: obereGrenze() statische Methode

upper

Gibt die obere Grenze des neuen Schlüsselbereichs an.

open Optional

Gibt an, ob die obere Grenze den Endpunktwert ausschließt. Standardmäßig ist dies false.

IDBKeyRange: Der neu erstellte Schlüsselbereich.

DataError DOMException

Wird ausgelöst, wenn der Schlüssel, der dem upper Parameter zugeordnet ist, kein gültiger Schlüssel ist.

Das folgende Beispiel zeigt, wie Sie einen Schlüsselbereich mit einer oberen Grenze verwenden würden. Hier deklarieren wir keyRangeValue = IDBKeyRange.upperBound("F"); — einen Bereich, der den Wert "F" und alles davor einschließt. Wir eröffnen eine Transaktion (unter Verwendung von IDBTransaction) und einen Objektspeicher und öffnen einen Cursor mit IDBObjectStore.openCursor, indem wir keyRangeValue als seinen optionalen Schlüsselbereichswert deklarieren.

Wenn wir IDBKeyRange.upperBound("F", true); verwenden würden, dann würde der Bereich "F" ausschließen und stattdessen nur die Werte davor einschließen.

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.");
    }
  };
}

• Verwendung von IndexedDB
• Starten von Transaktionen: IDBDatabase
• Verwendung von Transaktionen: IDBTransaction
• Festlegen eines Schlüsselbereichs: IDBKeyRange
• Abrufen und Ändern Ihrer Daten: IDBObjectStore
• Verwendung von Cursors: IDBCursor
• Referenzbeispiel: To-do Notifications (Beispiel live ansehen).