从本地存储 [JS][HTML5][React][LocalStorage] 获取特定的键值答案

【问题标题】：Getting specific values of key from Local Storage [JS][HTML5][React][LocalStorage]从本地存储 [JS][HTML5][React][LocalStorage] 获取特定的键值
【发布时间】：2021-02-26 18:22:54
【问题描述】：

我在获取密钥的特定值时遇到问题。我使用“密码”、“电子邮件”和“id”（时间戳）的值创建了数组“UserLoggingData”（键）存储在对象用户中并保存在本地存储中。参数 email 和 password 取自表单。

let login_data =[];
const addUser = (ev)=>{
   ev.preventDefault();
   let user = {
       id : Date.now(),
       email:document.getElementById('email').value,
       password:document.getElementById('password').value
   }
   login_data.push(user);
   document.forms[0].reset();
   console.log(login_data);

   //save to local storage
   localStorage.setItem('UsersLoggingData',JSON.stringify(login_data));

然后我在本地存储中得到这样的结果：

我如何获得特定的密码或电子邮件？我怎样才能显示或获取它们，以便之后对它们进行操作？我试过localStorage.getItem('UserLoggingData') 但它显示为空。我的毕业论文需要这个，所以提前感谢您的帮助！

【问题讨论】：

反其道而行之，使用 getItem 和 JSON.parse..
我试过了，但它仍然显示“null” -----> "JSON.parse(localStorage.getItem('UserLoggingData'))"
UserLoggingData 与UsersLoggingData 不同

标签： javascript html reactjs web-applications local-storage

【解决方案1】：

您必须解析从localStorage.getItem() 获得的字符串。完成此操作后，您将拥有一个数组（基于您的屏幕截图）。此代码应在您的控制台中记录第一封电子邮件：

const data = JSON.parse(localStorage.getItem(UsersLoggingData));
console.log(data[0].email)

【讨论】：