javascript - LocalStorage getItem 和循环值

Question

我使用以下代码行将一些值存储到本地存储中；

localStorage.setItem(event.lastEventId, JSON.stringify(data));

查看浏览器控制台，存储如下所示；

我想循环遍历本地存储并显示值。

到目前为止我的循环是；

for (var i = 0; i < localStorage.length; i++) {
  $("#result").prepend("New transaction " + localStorage.getItem(localStorage.key(i)) + "<br>");
}

#result 显示以下内容；

New transaction {"TimeStamp":"2017-08-1816:34:15","Direction":"Out","CardNo":"40160433","SerialNo":20559458}

New transaction {"TimeStamp":"2017-08-1816:34:55","Direction":"In","CardNo":"40160432","SerialNo":20559459}

我只想显示值，而不显示关联的键。例如；

New transaction 2017-08-1816:34:15, Out, 40160433, 20559458

New transaction 2017-08-1816:34:55, In, 40160432, 20559459

为了实现这一目标，我需要改变什么？

感谢任何帮助。

Answer 1

getItem()返回给你一个字符串。因此，为了实现您想要的目的，您需要解析 JSON 中返回的字符串并提取值。像这样的事情:

for (var i = 0; i < localStorage.length; i++) {
    let data = JSON.parse(localStorage.getItem(localStorage.key(i)));
    $("#result").prepend("New transaction " + data.TimeStamp + ", " + \ 
         data. Out + ", " + data. CardNo + ", " + data. SerialNo + "<br>");
}