javascript - 存储在 javascript 数组中与(LocalStorage 和 IndexedDB)

Question

将值直接存储在 Javascript 数组中与将它们存储在 LocalStorage 或 IndexDB 等客户端替代方案中有何不同。

两种情况下值的存储位置。以及什么是限制。

我的用例是:存储来自服务器的非常快的数据(浮点值)，然后从中间源读取它以在实时绘图/图表上渲染点。频率也会对选择产生影响吗？

任何示例代码片段都会很有用。

Answer 1

localStorage 和数组之间的明显区别是:

• 只能存储字符串(不能存储对象)
• 它会被持久化，以便您下次可以恢复您的值
• 当它写入磁盘时，这是一个较繁重的操作
• 限制可用空间以避免用户磁盘困惑(“用户代理应限制存储区域允许的空间总量。[...]建议每个源的空间限制为 5 MB” )

<强> W3.org reference on localStorage

您可以像这样在 localStorage 中读写:

var foo = localStorage["bar"];
// ...
localStorage["bar"] = foo;

(示例取自出色的介绍性网站 http://diveintohtml5.info/storage.html )

如果您仅在当前 session 中使用数据，请勿使用 localStorage。使用标准数组(它们又好又快)或 Float32Array .