简介
sql.js 是一个纯 JavaScript 实现的 SQLite 数据库，可以在前端高效地操作和查询数据。它可以被集成到任何基于 JavaScript 的应用程序中，并支持多种平台和浏览器。
安装
使用 npm 来安装 sql.js，在终端中输入以下命令：
npm install sql.js
用法
引入模块
在您的项目中引入 sql.js，并创建一个新的数据库实例：
import initSqlJs from 'sql.js'; const SQL = await initSqlJs(); const db = new SQL.Database();
其中 initSqlJs 函数会加载 sql.js 并返回 Promise 对象，因此需要使用 await 关键字等待其完成。
创建表格
使用 exec 方法来执行 SQL 命令以创建表格：
db.exec(`
CREATE TABLE people (
id INTEGER PRIMARY KEY,
name TEXT,
age INTEGER
)
`);插入数据
使用 run 方法来执行 SQL 命令以插入数据：
db.run(`INSERT INTO people (name, age) VALUES ('Alice', 25)`);
db.run(`INSERT INTO people (name, age) VALUES ('Bob', 30)`);查询数据
使用 exec 方法来执行 SQL 命令以查询数据：
const result = db.exec(`SELECT * FROM people WHERE age >= 25`); console.log(result[0].values); // [[1, 'Alice', 25], [2, 'Bob', 30]]
修改数据
使用 run 方法来执行 SQL 命令以修改数据：
db.run(`UPDATE people SET age = 26 WHERE name = 'Alice'`);
删除数据
使用 run 方法来执行 SQL 命令以删除数据：
db.run(`DELETE FROM people WHERE name = 'Bob'`);
关闭数据库
使用 close 方法来关闭数据库：
db.close();
示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
------ --------- ---- ---------
------ -- -- -
----- --- - ----- ------------
----- -- - --- ---------------
---------
------ ----- ------ -
-- ------- ------- ----
---- -----
--- -------
-
---
-------------- ---- ------ ------ ---- ------ --------- ------
-------------- ---- ------ ------ ---- ------ ------- ------
----- ------ - --------------- - ---- ------ ----- --- -- -----
------------------------------ -- ---- -------- ---- --- ------ ----
-------------- ------ --- --- - -- ----- ---- - ----------
-------------- ---- ------ ----- ---- - --------
-----------
-----结论
sql.js 是一个功能强大的前端数据库库，它可以为前端开发者提供高效、灵活和可靠的数据存储和查询。通过本文介绍，您可以快速掌握如何使用 sql.js 创建、插入、查询、修改和删除数据，并通过示例代码加深对其使用的理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/33573