从 LocalStorage 访问项目（Angular 1.2）答案

【问题标题】：Accessing item from LocalStorage (Angular 1.2)从 LocalStorage 访问项目（Angular 1.2）
【发布时间】：2017-05-20 04:02:18
【问题描述】：

我正在运行旧版本的 Angular - 我的 localStorage 中有一个对象，我正在尝试从该对象中检索单个项目（而不是整个项目..）

var email = localStorage.user;

但是 localStorage.user 变量的输出要长得多（见下文） - 在这种情况下，我将如何检索电子邮件地址 'bob@abc.com'？

{"firstname":"Bob","lastname":"Dole","id":"2000001999","accountId":"15","email":"bob@abc.com","instances":[{"name":"Test"}]}"

【问题讨论】：

【解决方案1】：

LocalStorage 值始终存储为strings。为了引用对象中的email，我们需要将其转换为JSON。我们可以通过使用JSON.parse() 方法解析字符串来做到这一点，如下所示：

var email = JSON.parse(localstorage.user).email

【讨论】：

【解决方案2】：

你有 Json 结构而不是 JS 对象，所以首先解析它

var email = JSON.parse(localStorage.user).email;

【讨论】：

【解决方案3】：

使用 html5 本地存储，我们可以存储数据，通过使用 cookie 和会话添加过期时间。 https://stackoverflow.com/a/41385990/6554634过一遍，多多解释

【讨论】：