在浏览器中使用 JavaScript 存储数据答案

【问题标题】：Storing data with JavaScript in the browser在浏览器中使用 JavaScript 存储数据
【发布时间】：2016-11-29 04:16:45
【问题描述】：

我正在尝试创建一个简单的应用程序，允许用户选择他们在当天与之配对的开发人员，然后设置一个计时器以便他们切换。目前，我将所有信息都存储在 Firebase 中，但这似乎有点过头了。

有没有一种方法可以使用 JavaScript 在浏览器中存储数据，例如在 cookie 中？我需要存储的信息将是一个像这样的小对象：

obj1 = { name: 'rob', pairName: 'chris', timeLeft: 15 }

还是 Firebase 更有意义？

我需要它持久化，这样如果我刷新，它就不会“重置”数据。

我不是在问怎么做，只是建议和理想的路径:)

【问题讨论】：

也许localStorage 可能会有所帮助（如果正在使用的浏览器支持它）？
克里斯需要知道罗布选择了他吗？只要确保你远离中心化的东西，它就不会回来咬你
是的，现代浏览器提供了四个位置中的三个来存储信息。但总的来说，它们是简单的键/值存储，所有内容都必须序列化为字符串。（也就是说，无论如何我们都有 JSON。）

标签： javascript browser local-storage

【解决方案1】：

试试这个！ =)

var DB = function(){
    this.Read = function(index){
        if(this.Test()){
            return JSON.parse(localStorage[index]).data;
        }
    },
    this.Write = function(index, data){
        localStorage[index] = JSON.stringify({data : data});
    }
    this.Test = function(){
        return typeof localStorage == typeof {};
    }
}

// example:
var x = new DB(); // new data base
x.Write('food', ['food','bar','google']); // write data
console.log(x.Read('food')); // get data!

【讨论】：