如何在javascript中正确列出页面上的所有本地存储？

我试图在我的索引页上显示我的所有localstorage项值，但由于某些原因，它没有显示出来。有人能在下面的代码中看到我做错了什么吗。在我的索引页面脚本中，我循环遍历本地存储的长度，并试图在屏幕上显示它们，只显示一个项目。请帮忙。谢谢你的帮助

以下是我的代码（索引页脚本）：

“key${id}”是一个模板字符串，您需要使用反勾“`而不是引号

”

您还可以像通常对大多数JavaScript对象那样循环本地存储：

for（localStorage中的var键）{
if（localStorage.hasOwnProperty（key））{//忽略原型方法
//使用此处找到的键和值执行任何操作
log（key+：“+localStorage[key]）；
}
}

打字：使用

i

代替

id

var dataFromLocalStorage = localStorage.getItem(`key${id}`);

正确：

var dataFromLocalStorage = `localStorage.getItem("key${i}");

另外，您正在更新相同的

innerHTML

var dataFromLocalStorage = "";
for (var i = 0; i < localStorage.length; i++) {
  dataFromLocalStorage =
    dataFromLocalStorage + " " + localStorage.getItem(`key${i}`);
}
document.querySelector("#content").innerHTML = dataFromLocalStorage; // Updating same thing

// do something with localStorage.getItem(localStorage.key(i));

---

我已经这样做了，现在我做了回击。然而，在我的索引页面中，我得到一个控制台错误：

id未定义

，这可能是因为您从未在索引脚本中定义id。将for循环与索引i一起使用，但在模板字符串循环块中使用id而不是i<代码>localStorage.getItem（`key${id}`）应该是localStorage.getItem（`key${i+1}`）`我已经用另一个过程更新了答案，这可能会让事情变得更容易一些。但是，一旦匹配了模板字符串变量，您的方法应该可以正常工作并且它仍然在屏幕上显示我的第一项，而不是我所有的键值。很明显，你的更新代码是有效的，但是现在在我的另一个脚本中，当我添加一个新的值时，它不会添加到我的本地存储中？你的代码破坏了我的其他脚本代码吗？哈哈。我只是在获取价值。。如何破译代码：-D任何错误？？我得到一个

未破译的语法错误：无效或意外的令牌

与您的更新的编码可以添加整个代码，更新一个。。无法理解你复制粘贴的内容。。请在下面用最新代码更新您的帖子

var dataFromLocalStorage = `localStorage.getItem("key${i}");

var dataFromLocalStorage = "";
for (var i = 0; i < localStorage.length; i++) {
  dataFromLocalStorage =
    dataFromLocalStorage + " " + localStorage.getItem(`key${i}`);
}
document.querySelector("#content").innerHTML = dataFromLocalStorage; // Updating same thing

// do something with localStorage.getItem(localStorage.key(i));

var id = 1;
function addTheEvent() {
  var showText = displayCandId + " ( " + scheduleEvent.value + " ) ";
  localStorage.setItem(`key${id}`, JSON.stringify(showText));
  id += 1;
  window.location = "/";
}