如何用 IDBKeyRange 范围匹配检索特定区间的本地数据

IDBKeyRange 是 IndexedDB 中定义键范围的工具，用于配合 openCursor 或 getAll 精准查询区间数据，支持 only、bound、lowerBound、upperBound 四种构造方式，需注意键类型、索引依赖和字符串比较规则。IDBKeyRange 是 IndexedDB 中用于定义键范围的工具，能帮你精准查出落在某区间内的记录，比如"2023年1月到12月的订单"或"用户ID在 100 到 200 之间的数据"。它不直接执行查询，而是配合 objectStore.openCursor() 或 objectStore.getAll() 使用，告诉数据库"只处理这个范围里的键"。创建常见类型的 IDBKeyRange根据匹配逻辑不同，有四种基础构造方式：单点匹配：IDBKeyRange.only(key) ------ 只匹配完全相等的键，例如 IDBKeyRange.only(123) 左闭右闭区间：IDBKeyRange.bound(lower, upper, lowerOpen = false, upperOpen = false) ------ 默认包含端点，如 IDBKeyRange.bound(10, 20) 匹配 10、11...20 左开右闭/左闭右开：通过第三个、第四个布尔参数控制开闭，例如 IDBKeyRange.bound(10, 20, true, false) 匹配 11 到 20（不含 10） 单向范围：IDBKeyRange.lowerBound(10)（≥10）、IDBKeyRange.upperBound(100)（≤100），可加 true 参数表示不包含端点配合游标遍历区间数据这是最常用也最灵活的方式，适合大数据量或需要逐条处理的场景：const transaction = db.transaction(['orders'], 'readonly');const store = transaction.objectStore('orders');const range = IDBKeyRange.bound(new Date('2023-01-01'), new Date('2023-12-31'));store.openCursor(range).onsuccess = function(event) { const cursor = event.target.result; if (cursor) { console.log('订单ID:', cursor.key, '内容:', cursor.value); cursor.continue(); // 继续下一条 }};注意：游标默认按主键升序遍历；若索引字段是日期或数字，确保该字段已建索引且作为游标范围的依据（例如用 index.openCursor(range)）。 幻导航网 发现优质实用网站,开启网络探索之旅！