Javascript 一种用HTML5模拟数据库的方法'；本地存储

我有一张大约600行的小桌子，看起来像这样：

Make  |  Model     |  Year1  | Year2
Chevy |  Silverado |  2000   | 2014
Chevy |  Cobalt    |  1988   | 2015

该网站的工作原理是这样的：用户在下拉列表中选择一年，查询将在范围内查找该年，以显示该年的所有可用品牌。然后用户选择他的品牌，查询将根据该年份/品牌查找可用的型号

我试图做的是使该进程离线可用，而无需每次查询在线数据库

我在研究localStorage，但它只能存储键值对。所以我不知道如何使用localStorage实现这一点。WebSQL也无法工作，因为并非所有浏览器都支持它

关于如何离线实现此功能，有什么建议吗？用户只需访问站点一次，然后所有数据都应本地加载并在本地查询

---

我只是想说清楚，我不是在要求任何代码。我想了解如何实现这一点。

您可以将数据以JSON格式存储在localstorage中

---

但请记住不要超过本地存储容量：

我建议使用一个现有的库（）来处理本地存储数据，这样您就有了向后兼容性（cookie）和未来验证代码（IndexDB/NoSQL/其他东西）

我认为这与我的想法非常相似

我也会这样做（至少对于一个简单的解决方案来说，对于少量的数据来说可能还可以），只需使用所有数据创建JSON对象，并在存储/检索时对其进行字符串化/解析。（例如）

编辑：错误链接

---

EDIT2：更改了未来的技术示例

我在我的文章“JavaScript前端Web应用教程第1部分：分七步构建一个最小的应用”中描述了如何使用locaLStorage以“JSON表”的形式存储数据库表，它解释了如何使用locaLStorage管理书籍数据。

可以存储在序列化数组中，也可以对其进行json编码。不确定表需要多少空间，以及它是否适合本地存储，但作为本地存储是值得的，您是否可以不使用Web SQL数据库请注意，WebSQL已经贬值，所以最好不要将其称为“未来验证代码”。另外，我不认为真的需要库了，因为HTML5的本地存储已经被支持很长时间了（从IE 9开始）。谢谢@gwag，我不知道它被弃用了，但我很久没听说过它了