localforage indexedDB如何使用索引

最新推荐文章于 2024-12-25 10:00:00 发布

七宝文

最新推荐文章于 2024-12-25 10:00:00 发布

阅读量467

点赞数

分类专栏：前端文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_42900858/article/details/115859572

版权

前端专栏收录该内容

20 篇文章

订阅专栏

本文介绍了如何结合使用localForage库和原生IndexedDB来为Web应用添加索引支持，从而实现高效的数据查询。文章详细展示了如何在IndexedDB中创建索引，并提供了通过索引获取数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单介绍下localForage。localForage 是一个 JavaScript 库，通过简单类似 localStorage API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据，而不仅仅是字符串。内部有一个优雅降级策略。

默认情况下，localForage 按照以下顺序选择数据仓库的后端驱动：

IndexedDB
WebSQL
localStorage
扯远了。那么言归正传。localForage这个库可以说功能很强大也很齐全了。但是对于indexedDB这个数据仓库。localForage却没有支持给表加索引，通过索引查询数据的支持。可是我就想用怎么办。

方案一：有个基于localForage的库叫localforage-indexes，这个库可以给表加索引。但是！！！！
在这里插入图片描述

localforage indexedDB如何使用索引
简单来说，会冲突，而且createIndex的时候，如果已经创建会报错。程序无法正常运行了。那么其实
在这里插入图片描述

localforage indexedDB如何使用索引
这就是它为什么github只有1星的原因了。完全没法用是不是。

我的解决方案是。原生创建indexedDB索引+localForage。
show code 首先是用原生初始化给需要的表加上索引

// 春风得意马蹄疾,一日看尽长安花。
//          〔唐〕孟郊《登科后》
//代码作者:xbw
let dbVersion = 1.0,
    store = "project"
//创建个对象，到时候创建索引直接循环一起创建了。
let projectIndexObj = {}
projectIndexObj["stroeNmae1"] = [{
    indexName: "id",
    unique: false
}];
projectIndexObj["stroeNmae2"] = [{
    indexName: "id",
    unique: false
}];
projectIndexObj["stroeNmae3"] = [{
    indexName: "name",
    unique: false
}];

var openRequest = indexedDB.open(store, dbVersion);

openRequest.onupgradeneeded = function (e) {
    let db = e.target.result;
    for (let key in projectIndexObj) {
        if (!db.objectStoreNames.contains(key)) {
            var store = db.createObjectStore(key);
            //创建索引
            projectIndexObj[key].forEach(item => {
                store.createIndex("ix_" + item.indexName, item.indexName, {
                    unique: item.unique
                });
            })
        }
    }
    //创建完毕后，把db关掉，不然后面用localForage会出问题。
    db.close();
};