简介
Browser-db 是一个基于浏览器的本地存储库，它允许Web应用程序在浏览器中存储、查询、更新和删除数据。Browser-db 是一个轻量级的库，使用简单，将数据存储在浏览器的 LocalStorage 中。它基本上是浏览器的 SQL 数据库，让您方便地存储和读取数据。
安装
安装 Browser-db 可以通过 npm 或者直接从 CDN 上下载。
npm install browser-db
<script src="https://cdn.jsdelivr.net/npm/browser-db"></script>
初始化
在使用 Browser-db 之前，您需要初始化数据库。
const myDB = new BrowserDB("mydb", 5);
myDB.createStore("products", ["id", "name", "price"]);以上代码将在名为 "mydb" 的数据库中创建一个名为 "products" 的 Store，Store 中包含 "id"，"name" 和 "price" 三个字段。在以上代码中，数字 "5" 表示此数据库的版本号，只要此数字不被更新或删除，Browser-db 将会使您的数据库始终处于最新状态。
插入记录
接下来，您将学习如何在 Browser-db 中插入数据。
myDB
.getStore("products")
.put({ id: 1, name: "Apple iPhone 13", price: "999" })
.then(() => console.log("Record inserted successfully"))
.catch((error) => console.log(error));您可以通过 getStore 方法获取 Store，然后使用 put 方法插入数据。在插入数据前，您需要确保该数据库与要插入的数据相匹配。在上述示例中，我们插入了一个名为 "Apple iPhone 13" 的商品，其价格为 999 美元。
更新记录
现在您将学习如何在 Browser-db 中更新数据。
myDB
.getStore("products")
.update({ id: 1, name: "Apple iPhone 13", price: "1099" })
.then(() => console.log("Record updated successfully"))
.catch((error) => console.log(error));在上面的示例中，我们使用 update 方法更新了名为 "Apple iPhone 13" 的商品的价格为 1099 美元。
查询记录
接下来您将了解 Browser-db 中如何查询数据。
myDB
.getStore("products")
.find({ price: "1099" })
.then((result) => console.log(result))
.catch((error) => console.log(error));在上述示例中，我们使用 find 方法查询了价格为 1099 美元的商品。在控制台中，您将看到有关查询结果的所有详细信息。
删除记录
现在您将学习如何在 Browser-db 中删除记录。
myDB
.getStore("products")
.delete(1)
.then(() => console.log("Record deleted successfully"))
.catch((error) => console.log(error));在上述示例中，我们使用 delete 方法将 id 为 1 的商品从 Store 中删除。
总结
Browser-db 是一个强大的 JavaScript 库，非常适合需要在浏览器中存储数据的 Web 应用程序。本篇文章涵盖了基本的操作，让您能够使用 Browser-db 存储、查询、更新和删除数据。希望这篇文章对您有所帮助，并鼓励您在实际应用程序中使用 Browser-db。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde5304