在前端开发中，数据的持久化存储是必不可少的一项功能。而 indexedDB 是一种浏览器提供的本地存储数据库，可以方便地在客户端存储数据。而 indexeddb-cache-json 这个 npm 包提供了一种便捷的方法来使用 indexedDB 存储 JSON 格式的数据，下面就是这个包的详细使用教程。
安装
使用 npm 安装 indexeddb-cache-json 包：
--- ------- --------------------
使用方法
初始化
使用以下代码初始化 indexeddb-cache-json：
------ - ----- - ---- ----------------------- ----- -- - --- ------- ------- ------- ---------- --------- ---
以上代码中，我们创建了一个名为 myDB，store 名称为 myStore 的 indexedDB 数据库。
新增数据
使用以下代码新增数据：
----- ---- - - ----- ------- ---- -- - -------------------- ------
以上代码中，我们新增了一个名为 myData 的 key，值为对象 data。
获取数据
使用以下代码获取已经添加的数据：
----- ------ - --------------------- --------------------
以上代码中，我们用 getItem 方法获取键名为 myData 的数据，并将数据打印到控制台。输出应该为：
- ----- ------- ---- -- -
修改数据
使用以下代码修改已经添加的数据：
----- ------- - - ----- ------- ---- -- - ----------------------- ---------
以上代码中，我们使用 updateItem 方法更新键名为 myData 的数据的值为 newData。
删除数据
使用以下代码删除已经添加的数据：
------------------------
以上代码中，我们使用 removeItem 方法删除键名为 myData 的数据。
清空已添加的数据
使用以下代码清空数据库存储的所有数据：
--------------
以上代码中，我们使用 clearAll 方法删除整个数据库存储数据。
总结
indexeddb-cache-json 这个 npm 包为开发者提供了一种方便管理 indexedDB 存储 JSON 格式数据的方法。我们可以使用它方便地新增、获取、修改和删除数据。同时，我们也可以使用 indexedDB 进行更多操作，例如设置索引、根据索引查询数据等，具体使用方式可以参考 indexedDB API。
下面是完整示例代码：
------ - ----- - ---- ----------------------- ----- -- - --- ------- ------- ------- ---------- --------- --- ----- ---- - - ----- ------- ---- -- - -------------------- ------ ----- ------ - --------------------- -------------------- ----- ------- - - ----- ------- ---- -- - ----------------------- --------- ------------------------ --------------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600673defb81d47349e53be1