前言
在前端开发中，我们经常需要使用本地存储来存储一些数据。而随着 JavaScript 的发展，我们也逐渐有了更多的选择，比如 localStorage、IndexedDB 等等。
其中，本文要介绍的 fruitdown 则是一个基于 IndexedDB 的存储库，它可以帮助我们更方便地在浏览器中使用 IndexedDB。
安装
fruitdown 是一个 npm 包，因此我们可以使用 npm 进行安装。
npm install fruitdown --save
使用
初始化
首先，我们需要先引入 fruitdown：
const Fruitdown = require('fruitdown');接着，我们需要初始化 fruitdown：
const db = new Fruitdown('myDatabase');上述代码中，我们使用了一个名为 myDatabase 的数据库。如果这个数据库不存在，fruitdown 会自动创建它。
添加数据
使用 add 方法可以将数据添加到数据库中：
db.add({ id: 1, name: 'apple' });如果我们想添加多个数据，可以使用 addMany 方法：
const fruits = [
{ id: 2, name: 'banana' },
{ id: 3, name: 'orange' },
{ id: 4, name: 'peach' }
];
db.addMany(fruits);获取数据
使用 get 方法可以从数据库中获取数据：
db.get(1).then(data => {
console.log(data); // { id: 1, name: 'apple' }
});如果我们想获取多个数据，可以使用 getAll 方法：
-- -------------------- ---- -------
--------------------- -- -
------------------
--
-
- --- -- ----- ------- --
- --- -- ----- -------- --
- --- -- ----- -------- --
- --- -- ----- ------- -
-
--
---修改数据
使用 put 方法可以修改数据库中的数据：
db.put({ id: 1, name: 'new apple' }).then(() => {
console.log('updated');
});同样的，如果我们想修改多个数据，可以使用 putMany 方法：
-- -------------------- ---- ------- ----- --------- - - - --- -- ----- ---- ------- -- - --- -- ----- ---- ------- -- - --- -- ----- ---- ------ - -- ----------------------------- -- - ----------------------- ---
删除数据
使用 delete 方法可以从数据库中删除数据：
db.delete(1).then(() => {
console.log('deleted');
});同样的，如果我们想删除多个数据，可以使用 deleteMany 方法：
db.deleteMany([2, 3, 4]).then(() => {
console.log('deleted');
});清空数据库
使用 clear 方法可以清空数据库中的所有数据：
db.clear().then(() => {
console.log('cleared');
});示例代码
-- -------------------- ---- -------
----- --------- - ---------------------
----- -- - --- ------------------------
-------- --- -- ----- ------- ---
----- ------ - -
- --- -- ----- -------- --
- --- -- ----- -------- --
- --- -- ----- ------- -
--
-------------------
------------------- -- -
------------------ -- - --- -- ----- ------- -
---
--------------------- -- -
------------------
--
-
- --- -- ----- ------- --
- --- -- ----- -------- --
- --- -- ----- -------- --
- --- -- ----- ------- -
-
--
---
-------- --- -- ----- ---- ------ ---------- -- -
-----------------------
---
----- --------- - -
- --- -- ----- ---- ------- --
- --- -- ----- ---- ------- --
- --- -- ----- ---- ------ -
--
----------------------------- -- -
-----------------------
---
-------------------- -- -
-----------------------
---
----------------- -- ----------- -- -
-----------------------
---
------------------ -- -
-----------------------
---总结
使用 fruitdown 可以帮助我们更方便地在浏览器中使用 IndexedDB 。本文介绍了如何使用 fruitdown 添加、获取、修改、删除和清空数据。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f74a226a9b7065299ccbc8b