IDBKeyRange: lower 属性
注意: 此功能在 Web Workers 中可用。
IDBKeyRange
接口的lower
只读属性返回键范围的下限。
值
键范围的下限(可以是任何类型)。
示例
以下示例说明了如何使用键范围。这里我们声明 keyRangeValue = IDBKeyRange.upperBound("F", "W", true, true);
— 一个包含 "F" 和 "W" 之间所有内容但不包括 "F" 和 "W" 的范围,因为上下限都被声明为打开的 (true
)。我们打开一个事务(使用 IDBTransaction
)和一个对象存储,并使用 IDBObjectStore.openCursor
打开一个游标,声明 keyRangeValue
作为其可选键范围值。
声明键范围后,我们将它的 lower
属性值记录到控制台,它应该显示为 "F"。
注意: 为了获得更完整的示例,以便您尝试使用键范围,请查看我们的 IDBKeyRange 示例 仓库。(查看 实时 示例)。
js
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.");
}
};
}
规范
规范 |
---|
Indexed Database API 3.0 # ref-for-dom-idbkeyrange-lower① |
浏览器兼容性
BCD 表格仅在浏览器中加载
另请参阅
- 使用 IndexedDB
- 启动事务:
IDBDatabase
- 使用事务:
IDBTransaction
- 设置键范围:
IDBKeyRange
- 检索和修改数据:
IDBObjectStore
- 使用游标:
IDBCursor
- 参考示例: 待办事项通知 (查看实时示例)。